<body>
<ul>
<li id="foo">foo</li>
<li id="bar">bar</li>
<li id="baz">baz</li>
</ul>
</body>
<script type="text/javascript">
//index(DOM对象)-获取这个DOM对象的索引值
//var a = $('li').index(document.getElementById('bar'));
//console.log(a);
//index(jQuery对象)-获取这个jQuery对象的索引值
//var b = $('li').index($('#foo'));
//console.log(b);
//传递一组jQuery对象,返回这一组对象中的第一个元素在原数组中的索引
//var b = $('li').index($('li:gt(0)'));
//console.log(b);
//传递一个选择器,返回元素在所有li中的索引位置
//var b = $('#bar').index('li');
//console.log(b);
//不传参,返回一个元素在同辈中的索引位置
var c = $("#bar").index();
console.log(c);
</script>
总结:index可以接收DOM对象也可以接收jQuery对象,返回元素的索引值