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"); } }); });