jquery mouseenter不能用于名为＆＃34; main＆＃34;

Question

javascript中的

颜色已更改，但是当我应用jQuery时，它不再起作用了

 var main = $("#main");
    main.on("mouseenter",  function () {
        main.style = "background-color: #99999 ;";
    });
    main.on("mouseleave", function () {
        main.style = "";
    });

Answer 1

您的变量main不是DOM元素 - 它是一个jQuery对象，因此您可以像这样使用jQuery的css方法：

var main = $("#main");
main.on("mouseenter",  function () {
    main.css("background-color", "#99999");
});
main.on("mouseleave", function () {
    main.css("background-color", "transparent");
});