使用 Jquery 切换 css 样式更改答案

【问题标题】：Toggling css style change with Jquery使用 Jquery 切换 css 样式更改
【发布时间】：2010-06-25 18:39:10
【问题描述】：

我创建的链接一旦被点击就可以改变它的颜色。我想更进一步，一旦单击集合中的另一个链接，将其切换回以前的颜色。如何处理带有“this”的链接以进行初始更改当切换回来时如何处理它？

这就是我目前正在做的事情。

$(this).css("color","yellow");

谢谢

【问题讨论】：

考虑在您的链接上使用“visited”伪元素。它更符合标准； w3schools.com/Css/pr_pseudo_visited.asp.

标签： jquery coding-style

【解决方案1】：

将您的所有链接作为一个组进行选择，或者在您的 html 结构中具有一个共同的位置，或者通过为每个链接提供相同的类等。假设您已经为每个想要以这种方式表现的链接提供了类“链接组”。运行此脚本：

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

如果您是 JQuery 新手，“文档准备就绪”功能只是让脚本在启动时运行的好方法，但要等到文档准备好并加载所有内容。

【讨论】：

感谢您的快速回答！像魅力一样工作。

【解决方案2】：

最简单的方法是将所有链接设置回您想要的任何颜色，然后设置this的颜色：

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

【讨论】：

【解决方案3】：

将组中的所有链接分配给一个类，然后执行 $('.myclass').css('color','white');

【讨论】：

【解决方案4】：

使用这个 $('#lnk').toggleClass('bounce')

imran

【讨论】：