jQuery控制导航条样式

Posted Candy-Yao

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery控制导航条样式相关的知识,希望对你有一定的参考价值。

原理:点击当前元素时,当前元素添加(样式类),父辈的兄弟姐妹的孩子(\'a\')去掉此样式类。

代码如下:

/*次要导航*/	
$(".subnav li a").click(function(){
  $(this).addClass("subnav-hover").parent().siblings().children(\'a\').removeClass("subnav-hover");
});

  

如下图所示:

 

以上是关于jQuery控制导航条样式的主要内容,如果未能解决你的问题,请参考以下文章

jQuery右侧滑动快速导航条

导航条

页内导航跳楼事件

12个用得着的 JQuery 代码片段

jquery控制滚动条改变上面固定(fixed)导航条或者搜索框的属性

常用的几个JQuery代码片段