javascript - Jquery .first 行为

Question

所以我有一个简单的 html 页面:

<h1>Start</h1>
<canvas class="myCanvas" width="400" height="400"></canvas>
<canvas class="myCanvas" width="400" height="400"></canvas>

我在 jquery 中这样做，

> $(".myCanvas")
| [<canvas class=​"myCanvas" width=​"400" height=​"400">​, 
|  <canvas class=​"myCanvas" width=​"400" height=​"400">​]

然后，

> $(".myCanvas").first()
| [<canvas class=​"myCanvas" width=​"400" height=​"400">​]

我认为我应该在调用 first() 方法时获取单个元素，例如

> $(".myCanvas").get(0)
| <canvas class=​"myCanvas" width=​"400" height=​"400">​

那么为什么第一个方法返回一个数组..？

Answer 1

.first()方法将结果集过滤到第一个元素并返回一个jQuery对象，而.get(0)简单地返回第一个 DOM 元素。

jQuery 对象显示为数组的原因是因为 jQuery 对象作为 DOM 元素的增强数组，在其原型(prototype)上具有附加方法。因此，.get(0) 实际上与 [0] 相同。