Javascript 如何使用jquery突出显示活动选项卡

如何突出显示当前处于活动状态的选项卡？？？ 这是我的html代码

   <a href="#tab1"></a>
   <a href="#tab2"></a>  
   <a href="#tab3"></a> 
   <a href="#tab4"></a>

---

在选项卡中添加一些类。然后创建CSS类，该类将添加到单击的元素上

HTML:

JavaScript:

$('.tab').on('click', function() {
    //    Remove .active class from all .tab class elements
    $('.tab').removeClass('active');
    //    Add .active class to currently clicked element
    $(this).addClass('active');
});

---

工作示例：

谢谢@Roland Ruul感谢您的帮助上帝保佑。

<a href="#tab1" class="tab">Tab 1</a>
<a href="#tab2" class="tab">Tab 2</a>  

.tab.active {
    background: gray;
}

$('.tab').on('click', function() {
    //    Remove .active class from all .tab class elements
    $('.tab').removeClass('active');
    //    Add .active class to currently clicked element
    $(this).addClass('active');
});