jQuery控制导航条样式

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

代码如下:

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

  

如下图所示:

 

posted @ 2017-08-20 15:08  Candy-Yao  阅读(232)  评论(0编辑  收藏  举报