jQuery 和 $ 问题

Question

这看起来很简单，但实际上没有人用简单的英语告诉它如何工作以及何时工作(至少在前几个搜索引擎的页面中没有)。也许我只是不擅长找到正确的关键字。

我已经写了近 1000 行 jQuery & 我开始认为如果我写更多，只会带来更多麻烦，因为我可能会修复所有问题(非常非常轻微的强制症 [不是真的，但我喜欢顺序] -代码应该干净且“正确”)。

如果我将代码放入 jQuery(function($) { 中，它将允许我用 $ 开始所有内容，否则我会得到“ $ 不是函数”错误。

我还注意到有些代码末尾有 (jQuery) 。

有人可以告诉我规则以及如果采取不同的做法是否会产生任何影响吗？

Answer 1

当 jQuery 库设置为 jQuery.noConflict() 时，通常会发生这种情况。 。可能发生这种情况的一个示例是 Wordpress 等情况，这样做是为了防止与其他 Wordpress 库的兼容性问题。

如果您想在 jQuery 对象可用时立即使用 $ 作为 jQuery 对象的别名:

(function($) {
    // The locally-scoped $ can be used in this function as an alias to jQuery
})(jQuery);

如果您想使用 $ 作为带有 .ready() 的 jQuery 对象的别名功能:

jQuery(document).ready(function($) {
    // The locally-scoped $ can be used in this function as an alias to jQuery
});

更新:根据评论中的问题，是的，您可以将 $(document).ready() 包装在 jQuery(function($) { } 中)像这样:

jQuery(function($) {        
    $(document).ready(function() {
        alert('in .ready() using $');
    });
});

为了使示例更全面，另请参阅 jQuery 使用 .noConflict() 释放 $ 时会发生什么:

jQuery.noConflict();
jQuery(function() {
    // $ is not locally scoped anymore, _
    // and .noConflict() is on, _
    // so the following won't work, _
    // it will return TypeError: $ is not a function
    $(document).ready(function() {
        alert('in .ready() using $');
    });
});

引用资料:

• Avoiding Conflicts with Other Libraries @jQuery学习中心
• jQuery noConflict Wrappers @Wordpress 法典