jquery 实现简单的选项卡

2018-12-24  本文已影响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");
                });```
上一篇 下一篇

猜你喜欢

热点阅读