Question

有没有办法在html（div，p，span，a ......）中的所有元素上添加悬停我正在尝试这样：

$("*").hover(
      function () {
              $(this).addClass('hover'); ;
      },
      function () {
              $(this).removeClass('hover');
      }
    );

和CSS

#hover {
     background-color:#CC0000;
}

但某处有错误???

Answer 1

您应该使用.而不是#来表示类选择器。

.hover {
    background-color:#CC0000;
}

另外，请注意，使用*作为jQuery选择器将选择所有内容，包括正文元素等。我不确定问题的上下文是否是您所追求的内容。< / p>

此外，使用CSS伪类:hover将样式应用于悬停元素会更容易。以下是如何使用它的参考：http://reference.sitepoint.com/css/pseudoclass-hover

Answer 2

您添加了类“悬停”，但使用CSS #选择器进行ID，请使用.hover代替#hover

Answer 3

jlis解决方案可行，但有更好的方法：

使用css伪类“：hover”代替：

*:hover {
     background-color: #CC0000;
}

应该适用于大多数常见和实际的浏览器。

（IE 6 不是实际或常见的浏览器！）

将所有元素悬停在html中

3 个答案: