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

标签 javascript jquery html css

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

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

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

最佳答案

我建议使用 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

关于javascript - 如何定义CSS :hover state in a jQuery selector?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21051440/

相关文章:

javascript - 使用 jQuery 动态更新图标

javascript - 使用 jQuery 模板访问多维 JSON

javascript - 使用ajax从php文件获取随机数不会更新新结果

javascript - 为什么等待 Selenium getAttribute 仍然返回一个 promise ?

Javascript 仅在页面刷新后使用 ip,在使用 dns 进行刷新访问之前

javascript - 注册成功后重定向

javascript - 对 php 和 javascript 中编码的文本进行转义

jquery marginTop 无法正常工作

javascript - iframe 的替代品

php - 打印从mysql数据库获取的数据