将所有元素悬停在html中

Question

有没有办法在html(div,p,span,a ...)中的所有元素上添加悬停我正在尝试这样:

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

和CSS

#hover {
     background-color:#CC0000;
}

但某处有错误???

Answer 1

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

.hover {
    background-color:#CC0000;
}

另外,请注意,使用*jQuery选择器将选择所有内容,包括正文元素等.我不确定问题的上下文是否是您所追求的内容.

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