javascript - 总是使用 jquery 选择器或将它们缓存在变量中？

Question

jQuery 选择器很棒，但有时我发现自己一遍又一遍地输入它们，这有点烦人。

 $('#mybutton').click(function() {
    $('#message-box').doSomething();
    $('#message-box').doSomethingElse();
    $('#message-box').attr('something', 'something');
 });

我经常喜欢在变量中缓存我的对象:

$('#mybutton').click(function() {
    var msg = $('#message-box');
    msg.doSomething();
    msg.doSomethingElse();
    // you get the idea 
});

这两种模式之间有什么优缺点吗？有时感觉创建变量是额外的工作，但有时它可以节省我的手指大量打字。是否有任何需要注意的内存问题？选择器在使用后是否能很好地清理，而我的不良编码习惯往往会使变量在内存中保留更长时间？

这不会让我夜不能寐，但我很好奇。谢谢。

编辑:请参阅 this question .它本质上问的是同一件事，但我更喜欢这个答案。

Answer 1

你应该把它们链接起来:

$('#mybutton').click(function() {
  $('#message-box').doSomething().doSomethingElse().attr('something', 'something');
 });

如果你需要一遍又一遍地做某事并且函数不返回 jQuery 对象，将它们保存在 var 中会更快。