javascript - 声明一个 var 而不是多次使用 .find？

Question

我一直在阅读有关最佳实践的文章，并且遇到了这个:

不要这样做:

$("#element .child").hide()

这样做:

$("#element").find('.child').hide()

现在我的问题是，如果我想多次隐藏/显示 .child 元素，我应该这样声明吗:

var spinner = $("#element").find('.child');
spinner.hide();

还是我只是继续调用 $("#element").find('.child').hide()

Answer 1

Should I declare it like this:

var spinner = $("#element").find('.child');
spinner.hide();

是的。您应该完全这样做，因为它将避免对多个 dom 查询的需要。

不过，一个常见的最佳做法是在变量前加上 $

，这样您就可以轻松跟踪哪些变量是 jQuery 对象，哪些不是

var $spinner = $("#element").find('.child');
$spinner.hide();