javascript - 如何定义CSS :hover state in a jQuery selector?

Question

我需要在 :hover 上使用 jQuery 定义一个 div 的背景颜色，但以下似乎不起作用:

$(".myclass:hover div").css("background-color","red");

我怎样才能得到相同的结果？必须使用 jQuery 完成它很重要，但由于某种原因它不起作用。有什么建议么？谢谢!

Answer 1

我建议使用 CSS 而不是 jquery(如果可能的话)否则你可以使用类似这样的东西

$("div.myclass").hover(function() {
  $(this).css("background-color","red")
});

您可以根据需要更改选择器。

正如@A.Wolff 所评论的，如果你想将这个悬停效果用于多个类，你可以这样使用它

$(".myclass, .myclass2").hover(function(e) { 
    $(this).css("background-color",e.type === "mouseenter"?"red":"transparent") 
})

Js Fiddle Demo