如何获得:使用jQueryhovercss样式的锚点?
我怎样才能得到:用jquery动态hover在css样式表中?
愚蠢的例子:
a.foo { color: red; font-size: 11px; } a.foo:hover { color: blue; font-size: 12px; }
如何在该鼠标越过锚之前检索该颜色和字体大小?
如果确实需要,可以通过document.styleSheet属性访问此信息。 这里有一个例子: http : //jsfiddle.net/Xm2zU/1/
请注意,IE需要自己的代码来执行此操作,因为它使用“.rules”而不是“.cssRules”等。
看看jQuery的Extra选择器 。
此外,您可以使用hover
事件,具体取决于您要实现的目标。 请参阅: jQuery hover和类选择器 。
如何在该鼠标越过锚之前检索该颜色和字体大小?
不可以。在将鼠标hover在该元素上之前,您无法检索a :hover伪类的样式声明。 这是因为JavaScript只能使用DOM与HTML交互。 样式信息(对于hover状态)不可用于DOM,除非元素上有鼠标hover,因此您无法检索这些值(即使通过模拟hover状态)。
您可以使用.hover()
函数。 http://api.jquery.com/hover/
$( "a.foo" ).hover( function() { $( this ).css( 'color','red' ); }, function() { $( this ).css( 'color','blue'); } );