Question

我是网络开发的新手，所以我正在参加一个名为＆＃34;使用ASP.NET Core RC1，MVC 6，EF7＆amp; amp ;;构建Web应用程序的Pluralsight课程。 AngularJS＆＃34;作者Shawn Wildermuth。在他的jQuery模块中，Shawn拥有这段代码，对他来说完美无瑕：

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

我有一个div =＆＃34; main＆＃34;在我的index.html页面上，引用了js文件，同一文件中的其他jQuery功能正常工作，我只是不能让这段代码工作。我知道它并不重要，但在这一点上它是个人的。任何建议都有帮助。谢谢！

Answer 1

由于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 2

您无法像这样访问样式属性。请尝试以下方法：

var main = $("#main");

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

Answer 3

试试这个：

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

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

面对鼠标事件的问题

3 个答案: