jquery获取第一个元素

jQuery获取第一个元素的方法

使用jQuery选择器获取匹配元素集合中的第一个元素，可以通过以下几种方式实现：

:first选择器

使用:first伪类选择器直接获取第一个匹配的元素：

$('selector:first').css('color', 'red');

.first()方法

通过链式调用.first()方法获取集合中的第一个元素：

$('selector').first().addClass('active');

eq(0)方法

使用索引选择器获取第一个元素（索引从0开始）：

$('selector').eq(0).hide();

数组下标访问

通过jQuery对象类似数组的特性直接访问：

$('selector')[0];  // 返回DOM元素
$('selector').get(0); // 等同于[0]

注意事项

• 前三种方法返回的都是jQuery对象，可以继续链式调用jQuery方法
• 数组下标方式返回的是原生DOM元素，需要转换为jQuery对象才能使用jQuery方法：$($('selector')[0])
• 对于空集合，所有方法都会安全地返回空结果而不会报错

性能比较

:first选择器在简单场景下性能最优，而.first()方法在复杂链式操作中可读性更好。eq(0)与.first()性能相当，根据代码风格选择即可。