js如何实现点击栏目跳转后对应栏目添加样式

 html代码 当点击其中一个栏目时,跳转后这个菜单栏目的样式是选中状态,js如何实现点击栏目跳转后对应栏目添加样式YZn迪尔课堂(迪尔掌上课堂)--官网 免费自学网站

Java代码  收藏代码
  1. <div class="menu">  
  2.    <ul>  
  3.   
  4.  <li><a href="#" title="网站首页" class="home" >首页</a></li>  
  5.   
  6.  <li><a href="#" title="测试导航" >测试导航</a></li>  
  7.   
  8.   </ul>  
  9.     </div>  


js代码 YZn迪尔课堂(迪尔掌上课堂)--官网 免费自学网站

Java代码  收藏代码
  1. $(document).ready(function(){  
  2.     $('.menu li a').each(function(){  
  3.         if($($(this))[0].href==String(window.location))  
  4.             $(this).parent().addClass('active');  
  5.     });  
  6. })  
  7.           


演示地址demohttp://www.dxpang.com/YZn迪尔课堂(迪尔掌上课堂)--官网 免费自学网站

 YZn迪尔课堂(迪尔掌上课堂)--官网 免费自学网站

 

扫一扫手机访问