jquery的eq

jQuery 的 eq() 方法

eq() 是 jQuery 中的一个方法，用于从匹配的元素集合中获取指定索引位置的元素。该方法返回一个新的 jQuery 对象，包含指定索引位置的元素。

语法

$(selector).eq(index)

• selector：用于选择元素的 jQuery 选择器。
• index：一个整数，表示要选择的元素在集合中的位置（从 0 开始）。支持负数，表示从集合末尾开始倒数。

示例

1. 选择第一个 <li> 元素：

   $("li").eq(0).css("color", "red");

2. 选择最后一个 <li> 元素（使用负数索引）：

   $("li").eq(-1).css("color", "blue");

3. 动态选择索引为 n 的元素：

   let n = 2;
   $("div").eq(n).addClass("highlight");

与 :eq() 选择器的区别

• eq() 是一个方法，作用于已选择的 jQuery 对象。

• :eq() 是一个选择器，直接在选择器字符串中使用。

  

   // 使用 :eq() 选择器
   $("li:eq(2)").css("font-weight", "bold");
  
   // 使用 eq() 方法
   $("li").eq(2).css("font-weight", "bold");

注意事项

• 如果索引超出范围（如大于等于集合长度或小于负的集合长度），返回空的 jQuery 对象。
• eq() 不会修改原始 jQuery 对象，而是返回一个新的 jQuery 对象。

实际应用

• 动态操作表格中的某一行。
• 遍历元素集合时，对特定索引的元素进行操作。
• 结合其他 jQuery 方法（如 filter()、slice()）进行更复杂的元素选择。