JQ选项卡

发布于 2020-11-11  78 次阅读


    ('.tab-bd .row').hide().eq(0).show();//默认全部隐藏,第一个显示(".tab-hd ul li").on('click', function(){
        //通过 .index()方法获取元素下标,从0开始,赋值给某个变量
        var _index = (this).index();
        //让内容框的第 _index 个显示出来,其他的被隐藏(".tab-bd .row").eq(_index).show().siblings().hide();
        (".tab-bd .row").eq(_index).addClass("active").siblings().removeClass("active");
        //改变选中时候的选项框的样式,移除其他几个选项的样式(this).addClass("on").siblings().removeClass("on");   
    }); 
    (".tab-bd ul li").click(function(){(this).addClass('on').siblings().removeClass("on");
    });

一沙一世界,一花一天堂。君掌盛无边,刹那成永恒。