jQuery .index()方法

.index()方法几种重载方式： 

<h1 id="myhead1">Head 1</h1>
<h2 id="myhead2">Head 2</h2>
<h1 id="myhead3">Head 3</h1>

<h2 id="myhead4">Head 4</h2>

1. 不带参数:

返回结果集 [即$('h2')] 中第一个元素 在兄弟元素中的位置。

>>> $('h2').index()

1

2. 参数为string:

将index的参数作为选择器进行计算，产生集合A, 返回结果集 [即$(':header')/$('h1')等] 中的第一个元素 在集合A中的位置。

>>> $(':header').index('h1')

0

>>> $('h1').index(':header')

0

>>> $(':header').index('h2')

-1

>>> $('h2').index(':header')

1

>>> $('#myhead4').index(':header')

3

3. 参数为JavaScript element或jQuery object:

返回参数element在结果集中的位置，或返回参数jQuery object中的第一个元素在结果集中的位置。

>>> $(':header').index(document.getElementById('myhead3'))

2

>>> $(':header').index($('h2'))

1

>>> $(':header').index(document.getElementsByTagName('h1'))    #index似不支持纯JavaScript类数组

-1

>>> $(':header').index(document.getElementsByTagName('h1')[1])

2