jquery - 澄清 jQuery "wrapper"对象

Question

我对 jQuery 核心有疑问。从文档和几本书中我得到:

var obj = $("div");

它返回一个包装器对象，也就是带有附加方法的选定 DOM 元素的集合(如果我错了请纠正我)。我读过 jQuery 函数 $() 返回一个包装对象，或者它真的返回 jQuery 的副本加上包装元素的集合吗？

Answer 1

它返回一个 jQuery 对象的实例，包装您使用 CSS 选择器选择的元素(在本例中，一个 jQuery 对象包装文档中的所有 div)。

jQuery 不是“复制”的东西 - 它是围绕 DOM 中元素的行为。

var jqDivs = $("div");
var jqButtons = $("button");
var jqSubmitButton = $("button#submit");

这 3 个变量引用了 3 个不同的对象。它们都实现了相同的 jQuery 行为，但它们是在不同的元素上实现的。 jqDivs.hide() 会隐藏 div - jqButtons.hide() 会隐藏按钮，而 jqSubmitButton.hide() 只会隐藏 id=submit 的按钮。