首页 > 技术文章 > 页面切换导航样式也随之改变

yewook 2017-07-14 11:35 原文

<ul  id="nav">
<li ><a href="index.html">首页</a></li>

<li ><a href="1.html">第一</a></li>

<li ><a href="2.html">第二</a></li>

<li ><a href="3.html">第三</a></li>
</ul>

<style>

  .active{color:#fff;background:#000;}

</style>

jquery

$("#nav a").each(function(){
  if($(this).attr('href')==String(window.location)){
    $(this).parent().addClass("active");
  }
});

推荐阅读