Jquery实现静态切换tab

Posted 荆棘鸟的栖息地

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Jquery实现静态切换tab相关的知识,希望对你有一定的参考价值。

1.

1 <div id="tabs">
2     <ul>
3         <li><a href="#div1">1</a></li>
4         <li><a href="#div2">2</a></li>
5     </ul>
6     <div id="div1">1</div>
7     <div id="div2">2</div>
8 </div>

2.

1 <script type="text/javascript">
2     $(function () {
3         $("#tabs").tabs();
4     });
5 </script>

注:这种使用方法需要引入Jquery UI

以上是关于Jquery实现静态切换tab的主要内容,如果未能解决你的问题,请参考以下文章

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

jQuery怎么实现tab页切换效果

jquery 实现tab切换

封装jQuery插件实现TAB切换

Jquery tab 选项卡 无刷新切换

Jquery 实现点击tab切换页签