javascript - 将 Jquery 对象声明为变量？

Question

我是 Jquery 和 javascript 的新手。

在我编写 javascript 代码时，我发现自己经常使用特定的 jquery 对象，所以我为它声明了一个变量。例如，

$(document).ready(function() {
    var object_list = $("#object_list");

    /*Do something with the variable*/        
    alert(object_list);
    object_list.hide();
});

但是，这似乎不起作用（“alert(object_list)”给了我一个空值）。

在 jquery 中声明这样的变量是错误的吗？？？

如果是这样，那么正确的方法是什么，以便我可以引用常用的 Jquery 对象？？\

谢谢！

Answer 1

您的 jQuery 可能在noConflict 模式下工作，这意味着您$ = jQuery在代码中较早的地方分离了别名。例如 WordPress 就是这样做的（参见最新的wp-includes/js/jquery.js行）。

请改用此代码：

jQuery(document).ready(function($) {
    var object_list = $("#object_list");

    /*Do something with the variable*/        
    alert(object_list);
    object_list.hide();
});

您正在做的是在.ready方法中对 jQuery 对象进行别名，请参阅.ready()方法文档中的别名 jQuery 命名空间部分。

Answer 2

您可以将代码包装在立即函数中，以避免与$. $当您已经有大量代码使用并且重构来更改名称可能容易出错时，此技术很有用。

(function($){
    $(document).ready(function() {
     var object_list = $("#object_list");

     /*Do something with the variable*/        
      alert(object_list);
      object_list.hide();
    });
})(jQuery);