的jQuery的mouseenter沒有在DIV工作命名爲「主」

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"); 
});