Javascript 在加载页面时创建/设置活动默认链接，但在单击其他链接时删除活动链接

当我输入这个问题时，我注意到类似的问题，但我的方法不同。我确实读过它们，但不是我想做的，但是我确实得到了一些想法

我的页面上有三个链接（锚定标记），我使用JQuery根据用户单击的链接在链接之间切换一个类。当点击链接时，该链接变为活动状态，我添加了Cookies以记住用户操作

我真正想做的是设置第一个链接或链接，例如：ID等于1；作为默认值。我希望使用相同的类（activeLink），使链接处于活动状态以应用于默认值。单击其他链接时，该类将被删除，单击的链接将变为活动链接

这就是我不知道该怎么做的

我的页面是一个单独的页面。
HTML:

<ul class="yeahBaby">
<li><a id="one" href="#/">Make me default</a></li>
<li><a id="two" href="#/">Example</a></li>
<li><a id="three" href="#/">Example</a></li>
</ul>

<style type="text/css">
.activeClass{
color: #999;
}
</style>

CSS:

<ul class="yeahBaby">
<li><a id="one" href="#/">Make me default</a></li>
<li><a id="two" href="#/">Example</a></li>
<li><a id="three" href="#/">Example</a></li>
</ul>

<style type="text/css">
.activeClass{
color: #999;
}
</style>

.activeClass{
颜色：#999；
}

---

谢谢大家

在HTML中将带有

id=“one”

的链接设置为默认链接

<ul class="yeahBaby">
    <li><a id="one" href="#/">Make me default</a></li>
    <li><a id="two" href="#/">Example</a></li>
    <li><a id="three" href="#/">Example</a></li>
</ul>​​​

请在此处查看它的实际操作：

--更新--

---

如需使用添加的cookies，请参见上文。

Hello ValJas，cookies如何？当你点击下一个链接时，活动链接会按预期移动，但当你重新加载页面时，Cookie会记住第一个链接，因此这两个链接现在都处于活动状态。非常感谢，我对此不是很满意，因此我不得不玩转代码。我对If语句有点困惑，因为我在发布的第一个代码中已经有了Cookie。有两块饼干吗？我们从何处获得活动Cookie？实际上，您的实现很好，不过如果您也有Cookie，您会希望从默认值中删除该类，否则它会将Cookie中的元素设置为活动，但也会将活动设置为默认值。不需要有两个cookie，我只是尝试包含一个带有注释的示例来解释更多发生的事情。