如何獲得：hover css jQuery 風格的錨？

Question

如何使用 jquery 在 css 樣式表中獲得：hover？

愚蠢的例子：

a.foo {
    color: red;
    font-size: 11px;
}

a.foo:hover {
    color: blue;
    font-size: 12px; 
}

如何在鼠標將 go 超過錨點之前檢索該顏色和字體大小？

Answer 1

如果您確實需要，可以通過 document.styleSheet 屬性訪問此信息。 此處提供了一個示例： http://jsfiddle.net/Xm2zU/1/

請注意，IE 需要自己的代碼來執行此操作，因為它使用“.rules”而不是“.cssRules”等。

Answer 2

查看jQuery 的額外選擇器。

此外，您可以使用hover事件，具體取決於您想要實現的目標。 參見： jQuery hover 和 class 選擇器。

Answer 3

如何在鼠標將 go 超過錨點之前檢索該顏色和字體大小？

不可以。在將鼠標懸停在該元素上之前，您無法檢索:hover偽 class 的樣式聲明。 這是因為 JavaScript 只能使用 DOM 與 HTML 交互。 樣式信息（對於懸停狀態）對 DOM 不可用，除非元素上有鼠標懸停，因此您無法檢索這些值（即使通過模擬 hover 狀態）。

Answer 4

您可以使用.hover() function 代替。 http://api.jquery.com/hover/

$( "a.foo" ).hover(
  function() {
    $( this ).css( 'color','red' );
  }, function() {
    $( this ).css( 'color','blue');
  }
);