jq的tab切换

最新推荐文章于 2024-07-29 18:19:14 发布

junyu1024

最新推荐文章于 2024-07-29 18:19:14 发布

阅读量420

点赞数

分类专栏：炒鸡酷炫文章标签： html class

本文链接：https://blog.csdn.net/junyu1024/article/details/78625335

版权

炒鸡酷炫专栏收录该内容

28 篇文章 0 订阅

订阅专栏

html:

<!--菜单-->
<div class="menu">
    <span class="active">热门</span>
    <span class="">帮你解答</span>
    <span class="">帮你识图</span>
    <span class="">我要分享</span>
</div>
<div class="box">
    <div class="box1"></div>
    <div class="box2"></div>
    <div class="box3"></div>
    <div class="box4"></div>
</div>

jq:

$(".menu span").click(function(){
var page=$(this).index();		         $(this).addClass("active").siblings().removeClass("active");
$(".box").children(":eq("+page+")").show().siblings().hide();
})