jquery .eq
jQuery .eq() 方法
.eq() 是 jQuery 中的一个方法,用于从匹配的元素集合中选取指定索引位置的元素。它返回一个包含单个元素的 jQuery 对象,类似于数组索引访问。
语法
$(selector).eq(index)
index:一个整数,表示元素的索引位置(从 0 开始)。负数表示从末尾倒数(如-1表示最后一个元素)。
示例
基本用法
// 选取所有 <li> 元素中的第 2 个(索引 1)
$("li").eq(1).css("color", "red");
// 选取最后一个 <div> 元素
$("div").eq(-1).addClass("highlight");
与 :eq() 选择器的区别
.eq()是一个方法,作用于已选中的 jQuery 对象。:eq()是一个选择器,直接在初始选择时过滤元素。// 使用 :eq() 选择器 $("li:eq(1)").css("color", "blue");
// 使用 .eq() 方法 $("li").eq(1).css("color", "blue");
链式调用
`.eq()` 可以与其他 jQuery 方法链式调用:
```javascript
$("ul li")
.eq(2)
.css("background", "yellow")
.text("Third Item");
注意事项
- 如果索引超出范围(如大于等于集合长度或小于
-length),返回空的 jQuery 对象。 .eq()适用于动态调整选中的元素,而:eq()在初始选择时固定。
替代方案
- 使用原生 JavaScript 的数组索引:
$("li")[1]; // 返回 DOM 元素(非 jQuery 对象) - 使用
.get(index)获取 DOM 元素:$("li").get(1); // 等效于 $("li")[1]
通过 .eq() 可以灵活操作 jQuery 对象中的特定元素,适合在链式调用中精确控制目标。







