Как получить стиль привязки: hover css с помощью jQuery?

Question

Как я могу получить: hover в таблице стилей CSS на лету с помощью jquery?

глупый пример:

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 потребуется собственный код, поскольку он использует «.rules», а не «.cssRules» и т. Д.

Answer 2

как получить этот цвет и размер шрифта, прежде чем эта мышь наведется на якорь?

Нет. Вы не можете получить объявления стилей псевдокласса : hover , прежде чем навести указатель мыши на этот элемент. Это потому, что JavaScript может взаимодействовать только с HTML, используя DOM. Информация о стиле (для состояния наведения) недоступна для DOM, если на элементе не наведен указатель мыши, и, следовательно, вы не можете получить эти значения (даже путем имитации состояния наведения).

Answer 3

Взгляните на Дополнительные селекторы для jQuery .

Также вы можете использовать событие hover, в зависимости от того, чего вы хотите достичь. См .: jQuery hover и селектор классов .

Answer 4

Вместо этого вы можете использовать функцию .hover(). http://api.jquery.com/hover/

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