jquery写tab切换,三行代码搞定

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery写tab切换,三行代码搞定相关的知识,希望对你有一定的参考价值。

<script type="text/javascript">

 

      $("button").on("click",function(){

       var index=$(this).index();//下标,相当于js中的for循环

        $("div").eq(index).show().siblings("div").hide();

      })

 

</script>

//html结构自行添加

以上是关于jquery写tab切换,三行代码搞定的主要内容,如果未能解决你的问题,请参考以下文章

jquery tab切换怎么写。??

一段jquery代码搞定多个tab效果

tab切换

jQuery怎么实现tab页切换效果

标签页(tab)切换的原生js,jquery和bootstrap实现

搞定tab标签切换效果