在 jquery 中引用选择器比实际调用选择器更快吗？如果是这样，有多大区别？

$(preview-button).click(...)
$(preview-button).slide(...)
$(preview-button).whatever(...)

这样做是否是更好的做法：

var preview-button = $(preview-button);
preview-button.click(...);
preview-button.click(...);
preview-button).slide(...);
preview-button.whatever(...);

为了保持代码整洁和模块化，这样做可能是更好的做法，但是它会在性能方面产生影响吗？其中一个的处理时间是否比另一个更长？多谢你们。

是的，当您使用选择器而不将其存储在变量中时，jQuery 需要每次都解析 DOM。

如果你有类似的东西$(".class")每次使用 jQuery 时都需要查找具有该类的元素，但如果它存储在变量中，它将使用变量中的唯一标识符。无需查找。

所以是的，我完全建议将其存储到变量中。

UPDATE:添加链接作为替代方案。

如果您只在一处使用选择器，您也可以这样做chaining这意味着您可以使用相同的点符号添加一个又一个方法，如下所示：

$(".class")
       .click(function(){ ... })
       .mouseenter(function(){ ... })
       .css( ... );