jQuery 对象：缓存还是不缓存？

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

从性能的角度来看，是一次性创建一个 jQuery 对象然后缓存它更好，还是随意创建同一个 jQuery 对象更好？ 例子：

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

or

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

我认为答案可能取决于“n”的值，因此假设 n 是一个“小”数字（例如 3），然后是一个中等数字（例如 10），最后是一个大数字（例如 30，就像如果对象用于 for 循环中的比较）。

提前致谢。

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