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(){...})这三个的作用是一样的;

文档载入完成后执行的函数。

posted @ 2017-09-29 15:34  前端知识随笔  阅读(215)  评论(0编辑  收藏  举报