码迷,mamicode.com
首页 > Web开发 > 详细

jQuery控制导航条样式

时间:2017-08-20 15:51:27      阅读:214      评论:0      收藏:0      [点我收藏+]

标签:元素   blog   添加   导航条   addclass   http   mon   .com   dcl   

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

代码如下:

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

  

如下图所示:

技术分享技术分享技术分享

 

jQuery控制导航条样式

标签:元素   blog   添加   导航条   addclass   http   mon   .com   dcl   

原文地址:http://www.cnblogs.com/candy-Yao/p/7400126.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!