jquery eq

jQuery .eq() 方法详解

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

语法

$(selector).eq(index)

• index: 整数，表示元素在集合中的位置（从 0 开始）。负数表示从集合末尾倒数（-1 表示最后一个元素）。

使用示例

获取第一个匹配元素

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

获取最后一个匹配元素

$('li').eq(-1).css('font-weight', 'bold');

链式操作

$('div').eq(2).find('span').addClass('highlight');

与 .get() 的区别

• .eq() 返回 jQuery 对象，可继续调用 jQuery 方法。
• .get() 返回 DOM 元素，无法直接调用 jQuery 方法。

对比示例

// 返回 jQuery 对象
$('li').eq(1).hide();

// 返回 DOM 元素
$('li').get(1).style.display = 'none';

动态索引场景

let index = 2;
$('tr').eq(index).addClass('active');

注意事项

• 超出范围的索引返回空 jQuery 对象（不会报错）。
• 常用于表格行、列表项等需要按位置操作的场景。
• 结合其他筛选方法（如 .filter()）可实现更复杂的查询。

该方法提供了一种简洁的方式操作集合中的特定元素，是 jQuery 链式调用的重要组成部分。