jquery导航栏html页面跳转导航字体变色

html代码:

<div class="collapse">
    <ul class="nav">
        <li><a href="index.html" class="active">首页</a></li>
        <li> <a href="team.html"> 商务合作</a></li>
        <li> <a href="about.html"> 关于我们</a></li>
    </ul>
</div>

jquery代码:

$(document).ready(function(){
    $(".collapse a").each(function(){
        $this = $(this);
        if($this[0].href==String(window.location)){  
            $(".collapse a").removeClass("active");
            $this.addClass("active");  
        }  
    });  
}); 

 

posted @ 2016-08-02 15:20  申文哲  阅读(4577)  评论(0编辑  收藏  举报