Javascript函数封装

最新推荐文章于 2024-04-12 10:33:45 发布

wx_lidysun

最新推荐文章于 2024-04-12 10:33:45 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： Javascript 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/lidysun/article/details/52491749

Javascript 专栏收录该内容

41 篇文章

订阅专栏

标签切换

function tabChange(btnBox,btn,tabBox,tab){
    $(btnBox).find(btn).click(function() {
        var _this = $(this);
        _this.addClass('on').siblings(btn).removeClass('on');
        var index = _this.index();
        $(tab).eq(index).show().siblings(tab).hide();
    });
}
//调用
tabChange('#title-nav','.option','.productList','.list');

<!--btnBox btn-->
<div id="title-nav">
    <span class="option on">待确认</span>
    <span class="option">待参加</span>
    <span class="option">已完成</span>
    <span class="option">已取消</span>
</div>

<!--tabBox tab-->
<div class="productList">
    <div class="list">tab1</div>
    <div class="list hide">tab2</div>
    <div class="list hide">tab3</div>
    <div class="list hide">tab4</div>
</div>