jquery - jQueryでアンカーの:hover cssスタイルを取得するにはどうすればよいですか?

Question

jqueryを使用してオンザフライでcssスタイルシートの:hoverを取得するにはどうすればよいですか?

愚かな例:

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

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

マウスがアンカーの上に移動する前に、その色とフォントサイズを取得する方法は?

Answer 1

本当に必要な場合は、document.styleSheet プロパティを介してこの情報にアクセスできます。例はここにあります: http://jsfiddle.net/Xm2zU/1/

IE は「.cssRules」などではなく「.rules」を使用するため、これを行うには独自のコードが必要になることに注意してください。

Answer 2

マウスがアンカーの上に移動する前に、その色とフォントサイズを取得する方法は?

いいえ。:hover疑似クラスのスタイル宣言は、その要素の上にマウスを移動する前に取得することはできません。これは、JavaScript が DOM を使用してのみ HTML と対話できるためです。スタイル情報 (ホバー状態の) は、要素にマウスオーバーがない限り DOM で使用できないため、それらの値を取得することはできません (ホバー状態をシミュレートしても)。

Answer 3

.hover()代わりに関数 を使用できます。http://api.jquery.com/hover/

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