如何在jQuery选择器中定义css：hover状态？

一尘不染

css

我需要在jQuery的：hover上定义div的背景色，但以下内容似乎无效：

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

如何获得相同的结果？重要的是必须使用jQuery完成，但由于某些原因它不起作用。有什么建议么？谢谢！

阅读 304

2020-05-16

共1个答案

一尘不染

我建议在jQuery上使用CSS（如果可能），否则可以使用类似的东西

$("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") 
})

2020-05-16