jquery中index()的用法主要有四种:1、获取元素相对于同级元素的索引,来确定其索引值;2、先根据相应的选择器选出指定的元素集,然后调用“index()”方法获取元素相对于某个元素集合的索引;3、遍历父元素下的所有子元素,获取所有子元素的索引;4、设置元素在同级元素中的索引。

本教程操作系统:Windows10系统、jQuery3.6.0版本、Dell G3电脑。
jQuery 中 `index()` 可以用来获取或设置一个元素在其兄弟元素中的索引位置。它有以下几种使用方式:
1、获取元素相对于同级元素的索引
这种用法通过获取当前元素在同级元素中的位置,来确定其索引值。
示例:
感谢广大歌迷长期以来对网站的支持和帮助,很多朋友曾经问我要过这个商城程序,当时由于工作比较忙,一直没空整理,现在好啦,已全部整理好了,在这里提供给有需要的朋友,没有任何功能限制,完全可以使用的,只是有些商品的广告需自己修改一下,后台没有办法修改,需要有HTML基础才可以修改,另外,哪位朋友在使用的时候,发现了BUG请与我们联系,大家共同改进,谢谢!后台管理地址:http://你的域名/admin/
```
$('li').click(function() {
let index = $(this).index();
console.log(index); // 返回被点击的 li 在所有 li 元素中的索引位置
});
```2、获取元素相对于某个元素集合的索引
在使用此种方法时先要根据相应的选择器选出指定的元素集,然后调用 `index()` 方法。
示例:
```
let $lis = $('ul li');
$('li').click(function() {
let index = $(this).index($lis);
console.log(index); // 返回被点击的 li 元素相对于 allLis 的索引位置
});
```3、获取所有子元素的索引
此方法是通过遍历父元素下的所有子元素,查找到目标元素并返回相应的索引。
示例:
```
$('ul').children().click(function() {
let index = $(this).index();
console.log(index); // 返回被点击的子元素在父元素下所有子元素中的索引位置
});
```4、设置元素在同级元素中的索引
除了上面提到的获取元素索引的使用方式外,`index()` 方法还可以通过传入一个索引值来设置指定元素在同级元素中的位置。
示例:
```
$('li').click(function() {
$(this).index(0); // 将被点击的 li 元素设置为所有兄弟节点中的第一个
});
```需要注意的是,这种用法通常不会真正改变 DOM 结构。它只是改变了该元素在 jQuery 内部的排列顺序,并









