javascript - 面对鼠标事件的问题

Question

我是 Web 开发的新手，所以我正在学习 Shawn Wildermuth 开设的名为“使用 ASP.NET Core RC1、MVC 6、EF7 和 AngularJS 构建 Web 应用程序”的 Pluralsight 类(class)。在他的 jQuery 模块中，Shawn 有一段对他来说完美无缺的代码:

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

我的 index.html 页面上有一个 id="main"的 div，引用了 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');
});