使用Jquery切换css样式更改

问题描述:

我创建的应用程序能够在点击链接后更改它的颜色。我想更进一步,并在点击集合中的其他链接后将其切换回先前的颜色。如何处理与'this'的链接以进行初始更改如何在切换时解决该问题?使用Jquery切换css样式更改

这就是我目前正在做的。 (this).css(“color”,“yellow”);

感谢

+0

考虑使用 “访问” 您的链接伪元素来代替。它更加标准友好; http://www.w3schools.com/Css/pr_pseudo_visited.asp。 – 2010-06-25 18:43:39

有所有的链接选择作为一个群体,无论是在你的HTML结构一个共同的地方,或者通过给每个链接的同一类等假设你已经给你想每一个环节以这种方式表现类“linkGroup”。运行此脚本:

$(document).ready(function() { 
    $(".linkGroup").onclick(function(){ 
     $(".linkGroup").css("color","blue"); 
     $(this).css("color","yellow"); 
    }); 
}); 

如果你是新来的JQuery,“文档准备”功能只需要有脚本在启动时运行,但要等到文档准备好,并具有一切加载一个伟大的方式。

+0

感谢您的快速回答!像魅力一样工作。 – BillZ 2010-06-25 18:56:50

最简单的方法是设置所有链接回你想要的颜色,然后设置this颜色:

$('#linkset a').css("color","black"); 
$(this).css("color","yellow"); 

分配您的组中的所有链接到一个类,然后做$ ( '.myclass ')的CSS(' 颜色', '白');

用户此$( '#LNK')。toggleClass( '反弹')

imran