用jq实现tab切换

最新推荐文章于 2024-01-02 19:11:54 发布

我的明字

最新推荐文章于 2024-01-02 19:11:54 发布

阅读量120

点赞数

本文链接：https://blog.csdn.net/zhangmingjie001/article/details/111396982

版权

<ul id="ul">
    <li class="ac">1</li>
    <li>2</li>
    <li>3</li>
</ul>
<div id="div">
    <div class="bc">4</div>
    <div>5</div>
    <div>6</div>
</div>
<script>
      //index()获取下标
      //eq(index)获取指定下标元素
      //siblings()所有同辈元素
      $("#ul>li").on("click",function(){
          var index=$(this).index();
          //$(this).addClass("ac");
          //$(this).siblings().removeClass("ac");
          $(this).addClass("ac").siblings().removeClass("ac");
          $("#div>div").eq(index).addClass("bc").siblings().removeClass("bc")
      })
    
</script>