(function($){...})(jQuery)实际上是匿名函数，不懂得朋友可以继续往下看。 
这里实际上是匿名函数 function(arg){...} 这就定义了一个匿名函数，参数为arg 而调用函数时，是在函数后面写上括号和实参的，由于操作符的优先级，函数本身也需要用括号，即： (function(arg){...})(param) 这就相当于定义了一个参数为arg的匿名函数，并且将param作为参数来调用这个匿名函数 
而(function($){...})(jQuery)则是一样的，之所以只在形参使用$，是为了不与其他库冲突，所以实参用jQuery. 
等同于 var fn = function($){....}; fn(jQuery); 
(funtion(){})()；立即执行函数；相当于先申明一个函数，声明完后直接调用； 
如果参数如： 
(funtion(str){alert(str)})("output"))；相当于：funtion OutPutFun(str){alert(str);};OutPutFun("output");

1. (function(){}())与(function(){})()

这两种写法，都是一种立即执行函数的写法，即IIFE (Immediately Invoked Function Expression)。这种函数在函数定义的地方就直接执行了。

通常的函数声明和调用分开的写法如下：

function foo() {/*...*/}     // 这是定义，Declaration；定义只是让解释器知道其存在，但是不会运行。

foo();                   // 这是语句，Statement；解释器遇到语句是会运行它的。

1

2

3

普通的函数声明function foo(){}是不会执行的。这里如果直接这样写function foo(){}()解释器会报错的，因为是错误的语法。

IIFE函数的调用方式通常是将函数表达式、它的调用操作符、分组操作符放到一个括号内，来告诉解释器这里有一个需要立即执行的函数。否则通常情况下，解析器遇到一个function关键字，都会把它当做是一个函数声明，而不是函数表达式。

如下几种写法都是可以的：

(function foo(){/*...*/}());

(function foo(){/*...*/})();

!function foo() {/*...*/}();

+function foo() {/*...*/}();

-function foo() {/*...*/}();

~function foo() {/*...*/}();

1

2

3

4

5

6

7

8

9

10

11

12

在需要表达式的场景下，就不需要用括号括起来了：

void function(){/*...*/}();

var foo = function(){/*...*/}(); 

true && function () { /*...*/ }();

0, function () { /*...*/ }();

1

2

3

4

5

6

7

void声明了不需要返回值，第二个则将IIFE函数的返回值赋给了foo。第三、第四个都是明确需要表达式的场景，所以解析器会认识这种写法。

对于IIFE函数，也可以给它们传入参数，例如：

(function foo(arg1,arg2,...){...}(param1,param2,...));

1

对于常见的(function($){...})(jQuery);即是将实参jQuery传入函数function($){}，通过形参$接收。

上述函数中，最开始的那个括号，可能会由于js中自动分号插入机制而引发问题。例如：

a  =  b  +  c 

;（function  （） { 

  // code 

}）（）;

1

2

3

4

如果没有第二行的分号，那么该处有可能被解析为c()而开始执行。所以有的时候，可能会看到这样的写法：;(function foo(){/*...*/}())，前边的分号可以认为是防御型分号。

2. 第二类是$(function(){});

$(function(){/*...*/});是$(document).ready(function(){/*...*/})的简写形式，是在DOM加载完成后执行的回调函数，并且只会执行一次。

$( document ).ready(function() {

   console.log( "ready!" );

});   

1

2

3

和

$(function() {

   console.log( "ready!" );

});

1

2

3

起到的效果完全一样。

在一个页面中不同的js中写的$(function(){/*...*/});函数，会根据js的排列顺序依次执行。

例如：

test.html

 

 

 

 

    This page is shown to understand '$(document).ready()' in jQuery.
 

   

 

        If you see this line, it means DOM hierarchy has been loaded. NOW loading jQuery from server and execute JS...

 

   

 

    [removed][removed] 

    [removed][removed]

    [removed][removed]

 

1

2

3

4

5

6

7

8

9

10

11

12

13

test1.js

$(function(){

    $(document.body).append("$(document).ready()1 is now been executed!!!

"); 

});

1

2

3

test2.js

$(function(){

    $(document.body).append("$(document).ready()2 is now been executed!!!

"); 

});

1

2

3

最后可以看到页面输出如下：

This page is shown to understand '$(document).ready()' in jQuery. 

If you see this line, it means DOM hierarchy has been loaded. NOW loading jQuery from server and execute JS...

$(document).ready()1 is now been executed!!!

$(document).ready()2 is now been executed!!!

（function（$）{...}）（jQuery），这意味着定义并执行一个使用参数jQuery并通过形式参数$接收匿名函数的匿名函数。

分析：

1，匿名函数定义：javasript函数（arg）{...}，这种形式在javascript中称为匿名函数。 Arg是匿名函数的参数。

2，匿名函数调用：调用函数时，括号和参数写在函数之后。由于运算符的优先级，函数本身需要使用括号，即：（function（arg）{...}）（Param）这等效于使用参数arg定义匿名函数并使用param调用此匿名函数作为参数。

3，（function（$）{...}）（jQuery）是使用实际参数jQuery定义和执行匿名函数，原因是在正式参数中使用$，以免与其他库冲突，因此实际参数使用jQuery。

4，等效形式：var fn = function（$）{....}; fn（jQuery）;实际上，这是可以理解的，但是应该注意，fn不存在，直接定义函数，然后运行。只需“压缩”为以下（function（$）{...}）（jQuery）。

首先，这个问题太专业了，没分清是Java还是web或者是Python的；

去百度了一下，也觉得不合适，但是我还是要在这里作答一下，刷个流量；

毕竟任务就差这一条量了，感谢理解。