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 链式调用的重要组成部分。







