如何更改菜单中按钮的颜色,以便用户知道他所在的页面

这是HTML

  <div class="btn-group" style="width:100%">
        <a href="#Home" style="width:10%" class="button">home</a>
        <a href="#Hobbies" style="width:10%" class="button">Hobbies</a>
        <a href="#contact_us " style="width:10%" class="button">Contact</a>
        <a href="#services" style="width:10%"class="button">Services</a> 
        <a href="#surprise"><img src="cat.png" id="cat" ></a>
    </div>

这是我认为应该工作的jQuery

    jQuery("#btn-group .btn").click(function(){
        jQuery("#btn-group .btn").removeClass('active');
        jQuery(this).toggleClass('active'); 
});

和CSS部分

  .active{
    background-color:#f06f06;;
}
button.btn:active{
  background-color:#f06f06;
}
评论