jQuery中index()方法用法实例

本文实例讲述了jQuery中index()方法用法。分享给大家供大家参考。具体分析如下：

方法可以搜索匹配元素，并返回元素的索引值。 索引值是从0开始的。

语法结构一:

当此方法没有参数的时候，返回值是指定元素在其同辈元素集合中的索引位置。

代码如下:

实例代码:

实例一:

代码如下:

<Meta charset="utf-8"/>

• 后台专区
• 前台专区
• 数据库专区
• 站长交流
搜索优化

当前li元素的位置:

由以上的代码可以看出，并非只是同类元素，而是所有的同辈元素。

语法结构二:

当方法的参数为DOM对象或者jQuery对象时，返回值是此DOM对象或者jQuery对象在指定的元素集合中索引。 如果在指定的元素集合中找不到指定的DOM对象或者jQuery对象，那么返回值为-1。

代码如下:

参数列表:

ottom: rgb(227,237,245) 1px solid; border-left: rgb(227,245) 1px solid; text-transform: none; background-color: rgb(255,255,255); text-indent: 0px; width: 669px; border-collapse: collapse; font: small/19px Tahoma,'Microsoft Yahei',Simsun; word-wrap: break-word; white-space: normal; empty-cells: show; table-layout: auto; letter-spacing: normal; height: 57px; color: rgb(68,68,68); border-top: rgb(227,245) 1px solid; border-right: rgb(227,245) 1px solid; word-spacing: 0px; -webkit-text-stroke-width: 0px"> ottom: rgb(227,245) 1px solid; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; word-wrap: break-word; font-size: 14px; overflow: hidden; border-top: rgb(227,245) 1px solid; padding-top: 4px">ottom: rgb(227,245) 1px solid; padding-top: 4px">ottom: rgb(227,245) 1px solid; padding-top: 4px">ottom: rgb(227,245) 1px solid; padding-top: 4px">

实例代码:

实例一:

代码如下:

<Meta charset="utf-8"/>

• 后台专区
• 前台专区
• 数据库专区
• 站长交流
搜索优化

当前li元素的位置:

语法结构三:

当方法的参数为选择器时，将会从通过此选择器获得的对象集合中查找元素。

代码如下:

参数列表:

ottom: rgb(227,255); text-indent: 0px; width: 668px; border-collapse: collapse; font: small/19px Tahoma,245) 1px solid; padding-top: 4px">ottom: rgb(227,245) 1px solid; padding-top: 4px">

实例代码:

代码如下:

<Meta charset="utf-8"/>