利用jquery 来实现tag的切换函数 原理实现 利用jquery 来实现tag的切换函数 原理实现

利用jquery 来实现tag的切换函数 原理实现

JQ TAG切换函数

原理实现:

 1·当点击taG时 先对当前的CSS样式进行处理,添加新的样式,

2·JQ  siblings =用于筛选同辈元素的表达式 ,同时把同辈的元素样式清除掉,这样就可以实现切换

 3· $('.newstab>div:eq(' + $(this).index() + ')').show().siblings().hide(); 切换对应TAG以下的内 容列表

原理先查找.newstab当前的元素位置,show()显示它,再siblings().hide();再把同辈的元素隐藏,类似第二步

以下代码博客看到的

function() {
   $(this).addClass('newscurrent').siblings().removeClass('newscurrent');
   $('.newstab>div:eq(' + $(this).index() + ')').show().siblings().hide();
}

评论 0

挤眼 亲亲 咆哮 开心 想想 可怜 糗大了 委屈 哈哈 小声点 右哼哼 左哼哼 疑问 坏笑 赚钱啦 悲伤 耍酷 勾引 厉害 握手 耶 嘻嘻 害羞 鼓掌 馋嘴 抓狂 抱抱 围观 威武 给力
提交评论

清空信息
关闭评论