在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 /渲染引擎处理所有这些...因为这可能是我第二次看到这个问题多年来，它是只是其中一个很少使用，所以从来没有添加过的东西，就像其他所有语言/平台都有一千个例子。

很抱歉，答案很糟糕，但“它不会那么做”在某些方面是所有事情的答案，但在这种情况下可能仍然如此。