基于类事件的 Jquery on 和悬停选择器不起作用

Question

$(".typeofcontent").on({

    $(".typeofcontent").hover(function() {
        $(this).css("color", "#f9d58e");    
    });

}

此 jQuery 代码不会执行设置类名为 typeofcontent 的元素的 CSS 颜色的命令。相反，它不会给出控制台错误代码并且根本不会执行。您介意向我解释一下我做错了什么吗？

Answer 1

只需要下面的代码。由于 hover 事件是通过 hover() 绑定(bind)的，因此不需要 on。

$(".typeofcontent").hover(function() {
    $(this).css("color", "#f9d58e");
});

更好的方法

您不需要 Javascript 来执行此操作。 使用CSS

.typeofcontent:hover {
    color: #f9d58e;
}