Javascript 事件发生了，但什么也没发生？

我在pluralsight上学习这门课程，学习如何使用.NETCore制作web应用程序。我想作者使用的是jQuery2.4.3，我自己刚刚选择了最新的jQuery3.x

所以我写的代码和他完全一样：

(function () {
    var ele = $("#userName");
    ele.text("Some Dude");

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

起初，当我把鼠标移到我的div上时，什么也没发生。它不会改变颜色。似乎什么都没有。所以我去打猎，我发现我应该这样做：

(function () {
    var ele = $("#userName");
    ele.text("Some Dude");

    var main = $("#main");
    main.on("mouseover", function () {
        console.log("enter");
        main.css("background-color", "#888;");
    })
    .on("mouseout", function () {
        console.log("out");
        main.css("background-color", "");
    });
})();

当控制台打印出“回车”和“输出”时，我的div的背景色仍然没有改变

---

我错过了什么？

可能删除“；”在

main.css（“背景色”，“888；””）中“

可能删除”；”在

main.css（“背景色”，“888；””）中“

@schaffish是的，就是这样……该死