将鼠标悬停在 html 中的所有元素

发布于 2024-12-20 14:09:27 字数 351 浏览 0 评论 0原文

有没有什么方法可以在 html 中的所有元素（div、p、span、a...）上添加悬停我正在尝试这样：

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

和 CSS

#hover {
     background-color:#CC0000;
}

但某处出现错误？？？

原文

Is there any way to add hover on all elements in html (div,p,span,a...) I'm trying like this:

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

and CSS

#hover {
     background-color:#CC0000;
}

but somewhere there is an error???

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

装纯掩盖桑 2024-12-27 14:09:27

jlis 解决方案可以工作，但有更好的方法：

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

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

应该适用于最常见和实际的浏览器。

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

jlis solution will work, but there is a better way:

Use the css pseudo class ":hover" instead:

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

should work with most common and actual browsers.

(IE 6 is not an actual or common browser!)

回复收藏 0 原文

高冷爸爸 2024-12-27 14:09:27

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

.hover {
    background-color:#CC0000;
}

另请注意，使用 * 作为 jQuery 选择器将选择所有内容，包括 body 元素等。从问题的上下文中我不确定这是否是您想要的。

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

You should be using a . rather than a # to denote a class selector.

.hover {
    background-color:#CC0000;
}

Also, note that using * as a jQuery selector will select everything, including the body element etc. I'm not sure from the context of the question whether this is what you're after or not.

Furthermore, it would be easier to just use the CSS pseudo-class :hover to apply a style to a hovered element. Here's a reference for how to use it: http://reference.sitepoint.com/css/pseudoclass-hover

回复收藏 0 原文