javascript - $(selector)[0] 在 jQuery 中是什么意思？

Question

我不明白的语法是这样的:

$("#profilePhotoFileUpload")[0]

我经常看到这种语法，但有一段时间我忽略了它，因为我从来没有用过它。但是现在，为了理解这篇文章中的代码 How do I upload an image using the Parse.com javascriptSDK? ，我不能再忽视它了。

我知道 [0] 这种语法通常用于引用数组。但是，对 id 的引用会生成某种数组，这似乎有点奇怪。

Answer 1

通过将 [0] 附加到 jQuery 对象将返回第一个 DOM 元素。

由于您在此处使用 id 选择器，因此数组中只有一个元素，因此使用 [0] 很有意义。如果您选择多个元素，您还可以使用介于 0 和您可以获得相应 DOM 元素的元素数之间的任何数字。

来自 jQuery Docs

A jQuery object contains a collection of Document Object Model (DOM) elements that have been created from an HTML string or selected from a document. Since jQuery methods often use CSS selectors to match elements from a document, the set of elements in a jQuery object is often called a set of "matched elements" or "selected elements".

The jQuery object itself behaves much like an array; it has a length property and the elements in the object can be accessed by their numeric indices [0] to [length-1]. Note that a jQuery object is not actually a Javascript Array object, so it does not have all the methods of a true Array object such as join().