如何更改链接'；使用jQuery是什么风格？

我想使用jQuery在单击超链接时将其更改为粗体，并在单击其他链接时将其切换回正常状态。我的网页中有以下链接：

<div id="navigation">
        <ul>
            <li id="home"><a  href="/index.html">Home</a></li>
            <li id="test"><a  href="/tests.html">Tests</a></li>
            <li id="job"><a  href="/jobs.html"> Jobs</a></li>

        </ul>
      </div>

如何将所选链接的样式更改为粗体和/或灰色？

在您的情况下：

编辑：当然没有：选中，我的意思是：激活

#navigation ul li a:active {
 font-weight: bold;
 color: #ccc;
}

试试这个代码

jQuery('#navigation a').on('click', function(){
  jQuery(this).addClass('active')
})

---

表示单击链接（单击链接时应为粗体或灰色）

没有必要为此涉及jQuery

：active

psuedo类将在单击元素时（以及在聚焦时按Enter键时）选择元素

使用以下命令：

$(function() {
   $('a.link').click(function() {
       $('a.link').removeClass('active');
       $(this).addClass('active');
   });
});

---

小提琴手：

你说的“被选中”是什么意思？您是指与您当前所在页面相对应的链接吗？选中表示单击链接（单击链接时应为粗体或灰色）你的意思是你想知道CSS来格式化文本还是jQuery来在两个类之间切换？是的……。我想将所选链接文本更改为粗体，并且只有在单击另一个链接后才返回第一个状态。我写了糟糕的代码；）。当然没有引用。我只是在js中。在CSS中没有

：选择的
伪类。当然正确。早上太早了。我刚刚编辑了。单击链接时，它显示为粗体，并返回到原始状态。我只想在单击另一个链接后将粗体返回到初始状态。单击返回到另一个链接之前，它显示为粗体，并返回到原始状态。它也不是working@Sush-是的，这就是你要求的。你在访问链接指向的页面时说“不”，不，我想访问链接指向的页面。这出现在低质量帖子队列中，因为有人标记了它。你的答案似乎有道理，所以我认为这是因为它是一个代码唯一的答案。
a:active { color: #333; }

$(function() {
   $('a.link').click(function() {
       $('a.link').removeClass('active');
       $(this).addClass('active');
   });
});