$（document）.ready shorthand

Question

$(document).ready是以下简写形式吗？

(function($){ 

//some code 

})(jQuery); 

我看到这种模式使用了很多，但我无法找到任何参考。如果是$(document).ready()的简写，是否有任何特殊原因可能不起作用？在我的测试中，它似乎总是在准备好事件之前开火。

Answer 1

$(document).ready(handler)的简写为$(handler)（其中handler是函数）。请参阅here。

您问题中的代码与.ready()无关。相反，它是一个以jQuery对象为参数的立即调用的函数表达式（IIFE）。其目的是将至少$变量的范围限制在其自己的块中，以免造成冲突。您通常会看到jQuery插件使用的模式，以确保$ == jQuery。

Answer 2

简写为：

$(function() { 
    // Code here 
}); 

Answer 3

这不是$(document).ready()的简写。

您发布的代码包含了内部代码，并使得jQuery可用为$而不会污染全局名称空间。当你想在一个页面上使用prototype和jQuery时，可以使用它。

这里记载：http://learn.jquery.com/using-jquery-core/avoid-conflicts-other-libraries/#use-an-immediately-invoked-function-expression

Answer 4

正确的速记是这样的：

$(function() { 
    // this behaves as if within document.ready 
}); 

---

您发布的代码...

(function($){ 

//some code 

})(jQuery); 

...创建一个匿名函数，并立即执行它jQuery作为arg被传入。它所有的功能都是将函数内的代码像正常一样执行，因为$已经是jQuery的别名。 ：d

Answer 5

这些具体的线是jQuery插件通常包装：

” ......以确保你的插件不与可能使用美元符号其他库发生冲突，这是一个最佳实践将jQuery传递给一个自动执行的函数（闭包），该函数将其映射到美元符号，以便在执行范围内不会被另一个库覆盖。“

(function($){ 
    $.fn.myPlugin = function() { 
    // Do your awesome plugin stuff here 
    }; 
})(jQuery); 

从http://docs.jquery.com/Plugins/Authoring

Answer 6

为准备多框架的安全简写为：

jQuery(function($, undefined) { 
    // $ is guaranteed to be short for jQuery in this scope 
    // undefined is provided because it could have been overwritten elsewhere 
}); 

这是因为jQuery是不是使用了$和undefined变量的唯一框架

Answer 7

这个怎么样？

(function($) { 
    $(function() { 
    // more code using $ as alias to jQuery 
    // will be fired when document is ready 
    }); 
})(jQuery);