¿Cómo obtener el: estilo hss css de un ancla con jQuery?

¿Cómo puedo obtener: hover in css stylesheet on the fly con jquery?

ejemplo estúpido

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

¿Cómo recuperar ese color y tamaño de fuente antes de que el mouse pase el ancla?

Si realmente lo necesita, puede acceder a esta información a través de la propiedad document.styleSheet. Un ejemplo está disponible aquí: http://jsfiddle.net/Xm2zU/1/

Tenga en cuenta que IE necesitaría su propio código para hacer esto, ya que utiliza “.rules” en lugar de “.cssRules”, etc.

Echa un vistazo a los selectores extra para jQuery .

Además, puede utilizar el evento hover , dependiendo de lo que quiera lograr. Ver: jQuery hover y selector de clase .

¿Cómo recuperar ese color y tamaño de fuente antes de que el mouse pase el ancla?

No. No puedes recuperar las declaraciones de estilo de una pseudo clase : hover antes de pasar el mouse sobre ese elemento. Esto se debe a que JavaScript solo puede interactuar con el HTML usando DOM. La información de estilo (para el estado desplazado) no está disponible para el DOM a menos que haya un mouseover en el elemento y, por lo tanto, no puede recuperar esos valores (incluso simulando un estado de desplazamiento).

Puedes usar la función .hover() lugar. http://api.jquery.com/hover/

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