我刚刚学会了一点jQuery,并试图将它用于简单的变色效果.假设我有两个
#foo a {color: blue; border-bottom: 1px dashed blue}
#foo a:hover {color: black; border-bottom: 1px solid black}
现在我想在用户单击#bar时更改#foo中链接的颜色(a:link),但保持a:hover颜色不变,所以我写这样的函数:
//...
$("#bar").click(function () {
$("#foo a").css("color", "red");
});
//...
问题是,虽然此功能确实将所有链接更改为红色,但是a:悬停颜色丢失,即当用户将光标移动到链接时,它们将保持红色,而不是像我预期的那样变黑.
因为我看到jQuery所做的是>,我想这将覆盖:hover伪类.由于伪类的内联样式attr还没有被任何人实现,我怀疑我是否可以完全达到预期的效果......
还有,有什么解决方案不要求我写这样的东西
$("#foo a").hover(
function(){ $(this).css("color", "black");},
function(){ $(this).css("color", "blue");}
)
？
谢谢.
从Javascript设置CSS伪类规则中提取
实际上,您可以在悬停时使用以下内容更改类的值:使用javascript更改您想要的伪类:
$(document).ready(function()
{
var left = (($('.selected').width() - 7) / 2) + 'px';
document.styleSheets[1].insertRule('.selected:after { left: ' + left + '; }', 0);
document.styleSheets[0].cssRules[0].style.left = left;
});
我希望这可以帮助任何人.
京公网安备 11010802040832号 | 京ICP备19059560号-6 
