面向鼠標事件的問題

Question

我是網絡開發新手，因此我正在參加由Shawn Wildermuth主持的Pluralsight課程，名爲「用ASP.NET Core RC1，MVC 6，EF7 & AngularJS構建Web應用程序」。在他的jQuery的模塊，余文樂有這樣的一段代碼，完美的作品是爲他

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

我有我的id的index.html頁=「main」的一個div，js文件中引用，其他的jQuery功能在相同的文件工作，我只是不能讓這段代碼工作。我知道這不重要，但在這一點上它是個人的。任何建議都有幫助。謝謝！

Answer 1

您不能像這樣訪問樣式屬性。請嘗試以下操作：

var main = $("#main"); 

main.mouseenter(function() { 
    main.css("background-color", "#888"); 
}); 
main.mouseleave(function() { 
    main.css("background-color", "none"); 
}); 

Answer 2

由於style是本地DOM元素的屬性，main是一個jQuery對象。您可以使用.css()和.removeAttr() jQuery方法來獲得所需的結果。

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

Answer 3

試試這個：

var main = document.getElementById("main"); 

    main.onmouseenter=function(){ 
     main.setAttribute('style', 'background-color:#888;'); 
    }; 
    main.onmouseleave=function(){ 
     main.removeAttribute("style") 
    };