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

Question

如果我定义按钮的向上和向上状态,如下所示:

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

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

像$(".button:hover").css('color');...的东西

Answer 1

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

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

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

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