jQuery，最好是将元素分配给变量吗？ [重复]

Question

此问题已经在这里有了答案：

Is storing jQuery elements in variables more efficient? （5个答案）

关闭上个月。

在阅读jQuery和Bootstrap文档时，我经常看到这个：

var modal = $('#someid');
modal.find('.something').text('something');
modal.find('.somethingelse').text('somethingelse');

首先将元素分配给变量，然后从那里开始工作。但是我通常这样写：

$('#someid').find('.something').text('something');
$('#someid').find('.somethingelse').text('somethingelse');

我的问题是，除了语法本身以外，是否有理由使用第一种方法-分配给变量？关于DOM是更快还是更好？

Answer 1

出于多种原因，首选第一种方法。

• 它减少了必须访问DOM的次数，这是一个相对较慢的操作，因此它的性能更好。
• 它减少了代码从现有Element对象实例化新jQuery对象的次数，这是另一个性能优势。
• 将代码填充DRYs，这样就不必重复重复相同的语句。

因此，在可能的情况下，您应始终遵循这种惯例，俗称“缓存选择器”。