美文网首页
jquery 实现简单的选项卡

jquery 实现简单的选项卡

作者: 浅一笑 | 来源:发表于2018-12-24 20:04 被阅读0次

原理就是利用显示隐藏方式实现,主要重点就是在于选中当前这个添加某个类或方法,让其他的去除这个类或者方法。

                var odiv=$(".fs_content>div");
                $(oli).click(function(){
                    //链式编程
                    //           当前这个添加选中类                    其他的兄弟元素删除这个类
                    $(this).addClass("active").siblings("li").removeClass("active");
                    //     找到元素的索引值跟这个元素匹配的元素(也就是一一对应的)添加显示  其他兄弟元素    删除这个类(隐藏)
                    $(odiv).eq($(this).index()).addClass("activet").siblings("div").removeClass("activet");
                });```

相关文章

网友评论

      本文标题:jquery 实现简单的选项卡

      本文链接:https://www.haomeiwen.com/subject/xgctlqtx.html