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

更新时间:2020年05月08日 14:50:22
人气:103
分类: jquery

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();
}


【版权声明】

本文仅代表作者观点,不代表本站立场。本文系作者授权发表,未经许可,不得转载。

相关文章
# 在线留言