这个jQuery代码示例中的App.hiddenDivs是什么？

Question

我正在学习一些与性能相关的JQuery提示 here

你能说出App.hiddenDivs的含义吗？

Answer 1

App将成为对象，hiddenDivs将成为其中的属性;

通过设置$('div.hidden')，它允许您重复使用结果（包含所有div.hidden元素的jQuery对象），而不是每次都查询它。这将导致微速度的提高。

Answer 2

通常，App.hiddenDivs与jQuery完全无关。在这段代码中，它恰好是存储jQuery集合的地方。

App是某种类型的JavaScript对象（我们不知道它给出了什么样的上下文，并不重要 - 它只是一些想象中的对象，它是一些虚构代码的一部分。这个例子可以生活）。它本来可以简单：

var App = {};

hiddenDivs是该对象的一个​​属性，它被定义为保存jQuery代码$('div.hidden')的返回值。

返回值是一个jQuery集合，其中包含DOM中DIV类的所有hidden个。然后可以针对该属性运行对此类DIV的进一步操作，而不是在DOM中重新搜索它们。

您链接到的页面，虽然可能持有一些有价值的建议，但写得很糟糕。作者应该提供更多关于他所写内容的背景信息，并且应该解释他的读者应该具有的预期知识水平。此外，他应该提供代码示例，这些示例在解释进展的基础上相互建立，以便为更基本的读者提供一些连续性。

Answer 3

此处App是一个javascript对象。您可以创建一个javascript对象，如：

var App = new Object();

并将App对象成员设置为：

App.hiddenDivs = $('div.hidden');

然后您可以访问应用程序中的对象，如：

App.hiddenDivs.find('span');

这就像缓存jQuery对象，但在应用程序级别。