javascript - 我不明白的缓存 Jquery 选择器行为

Question

鉴于以下代码，为什么我会得到不同的 a 和 b 值？我本以为他们会返回同样的东西:

(function() {
    var a = $('#foo');

    var Test = function(){
    console.log(a); //outputs 'jQuery()'
    var b = $('#foo');
    console.log(b); //outputs 'jQuery(select#foo)' which is what I want
    };
})();

这个问题源于我试图将常用的选择器粘贴到变量中。最初我在每个方法中都这样做(就像我在上面的示例中使用 var b 所做的那样)，但后来我发现我需要在多个方法中使用选择器，所以我将分配移出以使其可用(或者我是这么认为的)该匿名函数中的所有方法。如您所见，它不起作用。这是为什么？

编辑:此代码是通过单击触发的方法加载的。 id foo 在页面加载时出现，并且不会动态设置或更改。

Answer 1

确保在页面加载完成之前不会调用代码!

$(function() {
  // your code
});

当然，您还需要小心缓存可能由客户端应用程序的其他部分在页面上更改的内容。