jquery中.eq()与:eq()的区别

最新推荐文章于 2023-04-12 14:03:29 发布

转载最新推荐文章于 2023-04-12 14:03:29 发布 · 5k 阅读

脚步专栏收录该内容

17 篇文章

订阅专栏

本文深入解析jQuery中的eq()和:eq()方法的使用方式和区别，通过实例展示它们如何匹配指定索引的元素，帮助开发者避免混淆并有效应用这些方法。

在jquery中这两种发法都用来匹配一个给定索引值的元素，但是在写法上稍有区别

.eq():

HTML 代码:

<p> This is just a test.</p> <p> So is this</p>

jQuery 代码:

$("p").eq(1)

结果:

[ <p> So is this</p> ]

---------------

:eq():


HTML 代码:
<table>
  <tr><td>Header 1</td></tr>
  <tr><td>Value 1</td></tr>
  <tr><td>Value 2</td></tr>
</table>
jQuery 代码:
$("tr:eq(1)")
结果:
[ <tr><td>Value 1</td></tr> ]
PS:看见区别了吧，对了！
一个是$("p").eq(1)，一个是$("tr:eq(1)")
如果不注意的话，是很容易混淆的哦~