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

Question

我在这里学习了一些与性能相关的 JQuery 技巧

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

Answer 1

App将是一个对象，并且hiddenDivs将是它的属性；

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

Answer 2

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

App是某种 JavaScript 对象（我们不知道给定上下文的真正对象是什么，这并不重要——它只是一些虚构的对象，它是该示例可以存在的一些虚构代码的一部分）。它可能很简单：

var App = {};

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

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

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

Answer 3

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

var App = new Object();

并将App对象成员设置为：

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

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

App.hiddenDivs.find('span');

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