jQuery的DOM操作实例——选项卡&&Tab切换

Posted 秦佳奇

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery的DOM操作实例——选项卡&&Tab切换相关的知识,希望对你有一定的参考价值。

一、原生javascript编写tab切换

二、jQuery编写tab切换

 在用jQuery编写选项卡过程中,重要的事搞清楚 .eq() 和 .index() 的使用方法。

.eq()是jQuery遍历的一种方法,参数是元素的索引 .index() 。要注意index是基于0开始的;如果index为负数,则指示从集合结尾开始的位置。

.index()方法搜索与参数表示的对象匹配的元素,并返回相应元素的索引值。如果找到了匹配的元素,从0开始返回;如果没有找到匹配的元素,返回-1。

经常要用index()获取某对象的序列,比如:

以上是关于jQuery的DOM操作实例——选项卡&&Tab切换的主要内容,如果未能解决你的问题,请参考以下文章

jquery实现的选项卡的嵌套代码实例

jQuery EasyUI 选项卡面板tabs使用实例精讲

JQuery UI - 克隆选项卡 - 不切换选项卡

Jquery&JS简单选项卡

jQuery Mobile 选项卡导航延迟

Css & JavaScript & jquery 实现选项卡的制作