html

<ul class="menu">
    <li><a class=""  href="" target="main_pro">一</a></li>
    <li><a class=""  href="" target="main_pro">二</a></li>
    <li><a class=""  href="" target="main_pro">三</a></li>
    <li><a class=""  href="">四</a></li>
</ul>
JS

$(function(){
    $(".menu li").first().addClass("visited");
    $(".menu li").click(function(){
        $(this).addClass("visited").siblings().removeClass("visited");
    });
});
CSS
.visited{
    background-color: #00b4de;
    color: white;
}
gongzhonghao
关注“小K前端杂谈”,得到更多学习资源