javascript - 查询函数？

Question

在编写任何 jquery 之前，他们总是建议我们使用

$( document ).ready(function() {});

并将我们所有的代码放在这个函数中，但我注意到某些教程用这个代替

(function($){})(jQuery)

和

(function($){}(jQuery));

到底有什么区别？

Answer 1

$( document ).ready(function() { YOUR CODE });

1.此代码将 YOUR CODE 包装在 jQuery 的文档就绪处理程序中。这确保在开始运行脚本之前加载所有 HTML。此外，由于 YOUR CODE 是匿名函数(闭包)的一部分，这可以使您的全局范围保持干净。

...

$(function(){ YOUR CODE });

2。这与 #1 相同，只是使用速记。

...

(function($){ YOUR CODE })(jQuery)

3。这不会将任何内容包装在准备就绪的处理程序中，因此它会立即运行，而不管到目前为止已经加载了什么 HTML。但是，它确实将YOUR CODE 包装在一个匿名函数中，您可以在其中使用$ 引用jQuery 对象。

...

(function($){ YOUR CODE }(jQuery));

4.这与 #3 相同。