jQuery 对象 : to cache or not to cache?

Question

我的 Javascript (JS) 代码遇到了一些麻烦，因为有时我需要在同一个函数中多次访问同一个 DOM 元素。还提供了一些推理here .

从性能的角度来看，是先创建一个jQuery对象然后缓存好还是随意创建相同的jQuery对象好？示例:

function(){
  $('selector XXX').doSomething(); //first call
  $('selector XXX').doSomething(); //second call
  ...
  $('selector XXX').doSomething(); // n-th call
}

或

function(){
  var  obj = $('selector XXX');
  obj.doSomething(); //first call
  obj.doSomething(); //second call
  ...
  obj.doSomething(); // n-th call       
}

我想答案可能取决于“n”的值，所以假设 n 是一个“小”数(例如 3)，然后是一个中等数(例如 10)，最后是一个大数(例如 30，就像对象在 for 循环中用于比较一样)。

提前致谢。

Answer 1

缓存元素总是更好，如果 n 大于 1，则缓存元素，或者将操作链接在一起(您可以执行 $('#something')。 something().somethingelse(); 用于大多数 jQuery 操作，因为它们通常返回包装集本身)。顺便说一句，以金钱符号 $ 开头命名缓存变量已成为一种标准，这样在代码的后面很明显您正在对 jQuery 集执行操作。所以你会看到很多人做 var $content = $('#content'); 然后 $content.find('...'); 稍后.