jQuery中$(function(){})与(function($){})(jQuery)、$(document).ready(function(){})等的区别讲解
1.(function($){...})(jQuery);
(1)、原理:
这实际上是匿名函数,如下:
function(arg){...}
这就定义了一个匿名函数,参数为arg;而调用函数是,是在函数后面写上括号和实参的,由于操作符的优先级,函数本身也需要用括号,即(function(arg){...})(param)
这就相当于定义了一个参数为arg的匿名函数,并且 将param作为参数来调用这个匿名函数;
而(function($){...})(jQuery)则是一样的,之所以只在形参 使用$,是为了不与其他库冲突,所以实参用jQuery
相当于function output(s){...};output(jQuery);或者var fn=function(s){...};fn(jQuery);
(2)、作用(非常有用):
这种写法的最大好处是形成闭包。在(function($){...})(jQuery)在内部定义的函数和变量只能在
此范围内有效。
2.$(function(){...});jQuery(function($){...});$(document).ready(function(){...})这三个的作用是一样的;
文档载入完成后执行的函数。