这里的人经常建议缓存从DOM元素创建的jQuery对象，例如使用以下代码：
$('#container input').each(function() {
$(this).addClass('fooClass');
$(this).attr('data-bar', "bar");
$(this).css('background-color', 'red');
});
在jQuery的标签信息中出现了以下警告：
jQuery函数$()是昂贵的。 反复调用它非常低效。
嗯...这只对字符串选择器有效，因为它们需要使用正则表达式进行解析以找出它们的内容：
quickExpr = /^(?:[^#<]*(<[\w\W]+>)[^>]*$|#([\w\-]*)$)/
如果字符串是选择器（除了id），那么jQuery会使用其昂贵的find函数遍历DOM以查找匹配项：
} else if ( !context || context.jquery ) {
return ( context || rootjQuery ).find( selector );
}
所以，是的，它很昂贵，但这只对选择器有效！
如果我们传递一个 DOMElement，那么 jQuery 只会将 DOMElement 参数保存为新创建的 jQuery 对象的上下文，并将上下文的长度设置为 1：
// Handle $(DOMElement)
if ( selector.nodeType ) {
this.context = this[0] = selector; // Selector here is a DOMElement
this.length = 1;
return this;
}
我在jsPerf进行了一些测试，并发现缓存jQuery对象确实只会有很小的影响：
在Chrome中，它只慢了7%。（在IE中，这个影响稍微更显著：12%。）
回答你的第二个问题，看一下源代码：
// Handle $(DOMElement)
if ( selector.nodeType ) {
this.context = this[0] = selector;
this.length = 1;
return this;
}
关于性能差异，如果您要直接比较两者，最好删除可能会影响结果的任何额外代码，例如DOM选择和其他与其无直接关联的方法。
在更实际的情况下，如您的测试所示，相对差异很小。
还要记住的一件事是，每次创建jQuery对象都需要为其分配内存，这会增加垃圾回收器需要处理的工作量。
因此，我认为人们建议缓存的原因是出于某种原则立场。虽然通常不会有明显的影响，但确实需要做一些额外的工作，从而增加了一些可以轻松避免的开销。
$(this)缓存到本地变量中通常会减小脚本的大小，特别是在缩小后（因为this无法从四个字符中减少）。function hello(text) {
$(this).attr();
$(this).css();
$(this).data();
$(this).click();
$(this).mouseover();
$(this).mouseleave();
$(this).html(text);
}
hello('Hello world');
function hello(a){$(this).attr();$(this).css();$(this).data();$(this).click();$(this).mouseover();$(this).mouseleave();$(this).html(a)}hello("Hello world");
function hello(name) {
var $this = $(this);
$this.attr();
$this.css();
$this.data();
$this.click();
$this.mouseover();
$this.mouseleave();
$this.html(name);
}
hello('Hello world');
function hello(b){var a=$(this);a.attr();a.css();a.data();a.click();a.mouseover();a.mouseleave();a.html(b)}hello("Hello world");
这样做可以节省74字节（37%），几乎将我们的字节节约翻了一番。显然，对于大型脚本的真实世界节约将会更低，但您仍然可以通过缓存来显著减少脚本的大小。
实际上，只有缓存$(this)会使得利润更大。您可以获得微小但可测量的运行时性能提升。更重要的是，您可以减少在网络传输中的字节数，并且这直接转化为更多的收益，因为页面加载速度越快，销售额就越高。
从这个角度看，您实际上可以说对于反复使用$(this)而不进行缓存存在着可量化的成本。
thisиҖҢдёҚжҳҜ$(this)пјҢеӣ дёәжӮЁеҸҜд»ҘдҪҝз”Ёthis.value; this.tagName; this.className; this.nodeType; this....иҺ·еҫ—зӣёеҗҢзҡ„з»“жһңгҖӮ - gdoronaddClass，data，动画...) 除此之外，在 var a = $(this); a...; a...; 和 var a = this; $(a)...; $(a)...; 之间仍然存在每个调用3字节的差异。 - josh3736
$(this).addClass('fooClass').attr('data-bar', "bar").css('background-color', 'red');- Jose Rui Santos