jquery - 在 JQuery 中访问伪类的 CSS 样式？

Question

如果我像这样定义按钮的向上和越过状态:

.button {color:red;}
.button:hover {color:blue;}

如何使用 JQuery 获取元素的所有 hover 状态样式？

类似$(".button:hover").css('color');...

Answer 1

这不可能直接实现，至少在没有悬停的情况下是不可能的。您可以获得的最接近的是:

$('.button').mouseenter(function() {
  alert($(this).css('color'));
});

但是......这需要将鼠标悬停在元素上，根据你的问题，这听起来不像是目标。由于悬停的完成方式，从来没有任何理由在 javascript 中公开此信息，浏览器 css/渲染引擎处理所有这些......因为这可能是我多年来第二次看到这个问题，它是只是那些很少使用，所以从未添加的东西之一，就像其他所有语言/平台都有一千个例子一样。

抱歉，答案很糟糕，但是“它不会那样做”在某些时候是所有事情的答案，但在这种情况下可能会保持这种状态。