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

Question

如果我像这样定义按钮的向上和上方状态：

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

How can I get all the hover state styles for an element using JQuery？

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

Answer 1

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

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

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

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