jQuery实现tab切换

最新推荐文章于 2023-10-08 19:49:47 发布

hst❀

最新推荐文章于 2023-10-08 19:49:47 发布

阅读量172

点赞数 1

CC 4.0 BY-SA版权

分类专栏：一些demo

本文链接：https://blog.youkuaiyun.com/HuangsTing/article/details/98871923

一些demo 专栏收录该内容

19 篇文章

订阅专栏

本文介绍使用jQuery实现选项卡切换效果的方法。通过点击不同的tab，可以显示对应的内容并隐藏其他内容，同时改变当前tab的样式。代码示例中详细展示了如何使用$.index()获取元素的索引，以及如何使用.eq()、.show()、.hide()等方法来控制内容的显示和隐藏。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

        $('#tab-content li').click(function() {
            var i = $(this).index();//下标第一种写法
            //var i = $('tit').index(this);//下标第二种写法
            $(this).addClass('cur').siblings().removeClass('cur');
            $('#content li').eq(i).show().siblings().hide();
        });