jQueryindex()函数在简单事件的使用

函数 index()

搜索匹配的元素，并返回相应元素的索引值，从0开始计数。

如果找不到匹配的元素，则返回-1。

语法：

(1)jquery对象.index()

返回这个元素在同辈中的索引位置

(2)jquery对象1.index(jquery对象2或DOM对象)

返回对象2在对象1中的索引位置

语法结构一:

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

 代码如下:

$(selector).index()

语法结构二:

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

代码如下:

$(selector).index(element)
js代码
$("#btn").click(function(){
    $("span").text($("li").index(document.getElementById("qian")));
  })

语法结构三:

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

 代码如下:

$(selector).index(Jqselector)
jquery代码
$("#btn").click(function(){
    $(".index").text($("#qian").index("li"));
  })
例子：
<li class="hot" id="favorite">Coffee</li>
<li class="hot">Tea</li>
jQuery代码：
 $("button").click(function(){
    alert($(".hot").index($("#favorite")));
  });
这个代码会打印出1，意思就是类似获取下标