javascript - 在同一页面上突出显示选定的链接

Question

我正在使用 css 或 javascript 或 jquery 在同一页面上搜索突出显示的选定链接，找到了许多解决方案，但它们不符合我的要求。 以下是要求。 突出显示所选链接或更改其颜色等。

<a href="#">First</a>
<a href="#">Second</a>
<a href="#">Third</a>

大多数人说用

a:active{
 background-color:Red;
}
or 
a:visited{
 background:color:Red;
}

我知道 ative 链接是当前处于事件状态的链接，而 visited 链接是您已经访问过的链接。 但它们在我的情况下不起作用，我在单击这些链接时加载同一页面的内容。 知道我该怎么做 提前致谢

Answer 1

您可以使用内联 Javascript 执行此操作，如下所示:

<a href="#" onclick="this.style.color='red'">Link</a>

您还可以使用 jQuery 在链接的点击事件上触发一个函数:

$("a").click(function(){
    $(this).addClass("active");
    // define the styles for the active class for this to work
});