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

Question

$(".typeofcontent").on({

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

}

此jQuery代码不执行命令来设置类名为typeofcontent的元素的CSS颜色。相反，它没有提供控制台错误代码，也没有执行。你是否介意我不正确地说明我做错了什么？

Answer 1

只需要以下代码。由于hover事件被hover()绑定，您不需要on。

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

更好的方法

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

.typeofcontent:hover {
    color: #f9d58e;
} 

Answer 2

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

Answer 3

您传入的对象不是on()的有效重载。如果您希望在事件，选择器（f 或委托）和回调on()次传递

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

Answer 4

jquery .on函数的一般语法是.on（＆＃34; event＆＃34;，＆＃34; child selectors＆＃34;，＆＃34; data＆＃34;，＆＃34; event handler＆＃ 34）。 第二个和第三个参数是可选的，因此您可以跳过它们。

在您的情况下，＆＃34; event＆＃34;在此处输入代码作为无效的对象传递。 所以正确使用将是

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

Answer 5

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

the above code is enough to get the job done if you want to use hover function. However, if you want to do it with "on", the snippet is :

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

Answer 6

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

这将起作用