jquery的eq

jQuery的eq()方法

eq() 是 jQuery 中的一个核心方法，用于从匹配的元素集合中获取指定索引位置的元素。它返回一个包含单个元素的新 jQuery 对象，类似于数组的索引访问。

语法

$(selector).eq(index)

• selector：jQuery 选择器，用于匹配一组元素。
• index：整数，表示元素的索引位置（从 0 开始）。支持负数（从末尾开始计数，如 -1 表示最后一个元素）。

示例

1. 获取特定索引的元素

// 获取第一个 <li> 元素（索引 0）  
$("li").eq(0).css("color", "red");  

// 获取最后一个 <li> 元素（索引 -1）  
$("li").eq(-1).css("font-weight", "bold");  

2. 链式调用

// 选中所有 div，过滤出第三个，修改其背景色  
$("div").eq(2).css("background", "yellow");  

3. 结合其他方法使用

// 选中所有带有 class="item" 的元素，取第二个，隐藏它  
$(".item").eq(1).hide();  

与 get() 的区别

• eq() 返回 jQuery 对象，可以继续调用 jQuery 方法。
• get() 返回原生 DOM 元素，需转换为 jQuery 对象才能调用方法。

  
  // 使用 eq()  
  $("li").eq(0).css("color", "blue");  

// 使用 get() + 转换
$($("li").get(0)).css("color", "green");

#### 注意事项  
- 索引超出范围时返回空 jQuery 对象（不会报错）。  
- 常用于动态操作 DOM 或遍历元素时的精准定位。  

通过 `eq()` 可以高效地操作集合中的特定元素，适合需要精确控制的场景。