jQuery中index()方法用法实例

前端之家收集整理的这篇文章主要介绍了jQuery中index()方法用法实例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

语法结构一:

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

代码如下:

实例代码:

实例一:

代码如下:
<Meta charset="utf-8"/> index()<a href="/tag/hanshu/" target="_blank" class="keywords">函数</a>-编程之家 编程之家
当前li元素的位置:

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

语法结构二:

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

代码如下:

参数列表:

实例代码:

实例一:

代码如下:
<Meta charset="utf-8"/> index()<a href="/tag/hanshu/" target="_blank" class="keywords">函数</a>-编程之家 编程之家
当前li元素的位置:

语法结构三:

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

代码如下:

参数列表:

实例代码:

代码如下:
<Meta charset="utf-8"/> index()<a href="/tag/hanshu/" target="_blank" class="keywords">函数</a>-编程之家