Javascript 通过单击链接切换两个元素的CSS样式 我在这个网页的顶部有两个选项卡按钮，我正在建造当中。按钮有两种样式：深蓝色表示未选中，浅蓝色表示已选中并可在页面上查看。我遇到的问题是，我搜索了一个简单易用的JS函数，它可以切换CSS样式，而我目前使用的这个函数做得很好。我遇到的问题是，当你查看页面时，你会看到这一点：两者都以深蓝色背景启动，我只希望其中一个名为“概述”的链接以浅蓝色背景开始，而“功能”链接以深蓝色背景开始。单击时，两者都将随页面内容切换

jQuery

$(function() {
        var links = $('.scrollerbtn li a.slt').click(function() {
        links.removeClass('active');
        $(this).addClass('active');
        });
});

HTML

<div class="scrollernav">
        <ul class="scrollerbtn">                
               <li><a class="slt" href="#" id="scroll5load" onclick="changeClass1()">Overview</a></li>
               <li><a class="slt" href="#" id="scroll5load2" onclick="changeClass()">Features</a></li>
        </ul>                
</div>

---

我该如何修改这个

将活动类添加到“概述”选项卡

<ul class="scrollerbtn">                
    <li><a class="slt active" href="#" id="scroll5load" onclick="changeClass1()">Overview</a></li>
    <li><a class="slt" href="#" id="scroll5load2" onclick="changeClass()">Features</a></li>
</ul>

将活动类添加到“概述”选项卡中

<ul class="scrollerbtn">                
    <li><a class="slt active" href="#" id="scroll5load" onclick="changeClass1()">Overview</a></li>
    <li><a class="slt" href="#" id="scroll5load2" onclick="changeClass()">Features</a></li>
</ul>

基本上您需要做的是通过右键单击来更改活动选项卡背景图像…？

基本上您需要做的是通过右键单击来更改活动选项卡背景图像…？

您还可以删除onclick属性，因为您使用的是更优雅的JQuery解决方案。您还可以删除onclick属性，因为您使用的是更优雅的JQuery解决方案。您可以使用JQuery选项卡来显示您的站点。您可以使用jQuery选项卡来查看您的站点。