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

Question

如果我像这样定义按钮的 up 和 over 状态：

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

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

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

Answer 1

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

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

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

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