jquery ：eq选择器和eq（）方法的用法与比较

作者：System 时间：2024年08月19日分类：所有,jquery 字数：480

这篇文章距离上次修改已过187天，其中的内容可能已经有所变动。

:eq() 是 jQuery 的选择器，用于选择指定索引位置的元素。而 eq() 方法也是用来选择指定索引位置的元素，但是它是一个过滤方法，通常用于链式调用中。

:eq() 的用法示例：




// 选择第二个 <p> 元素
$('p:eq(1)').css('color', 'red');

eq() 方法的用法示例：




// 选择 <p> 元素集合中的第二个元素
$('p').eq(1).css('color', 'red');

在这两种用法中，都是选择所有 <p> 元素中的第二个，并将其字体颜色设置为红色。但是 :eq() 是在选择元素时就进行了筛选，而 eq() 则是先选择所有符合条件的元素，然后通过索引来筛选。

:eq() 是静态的，在 DOM 结构加载完成后不会动态更新，而 eq() 是动态的，如果 DOM 结构发生变化，eq() 方法仍然可以根据最新的 DOM 结构进行筛选。