jQuery 中 jQuery(function(){})與(function(){})(jQuery) 的區別

$(function(){})已經是一個匿名函數了，在里面定義的函數已經是私有了，不能全局訪問。把函數定義在全局，也就是function外面，這樣外部才能調用。

Jquery是優秀的Javascrīpt框架。我們現在來討論下在 Jquery 中兩個頁面載入后執行的函數。

$(document).ready(function(){
  // 在這里寫你的代碼...
});

在DOM加載完成時運行的代碼

可以簡寫成

jQuery(function(){ 
});

 

 

(function($) {})(jQuery)什么意思？

(function(){ 
})(jQuery);

其實際上是執行()(para)匿名方法,只不過是傳遞了jQuery對象。

相當於 

function aa($){} 
aa(jQuery)

 

是初始化jquery對象的慣用方法.

通俗點說就是在頁面DOM加載完成后（不包括圖片下載完成）執行你需要的代碼,由於不包括圖片下載，所以比window.onload效率高. 
不過這個東西,有的時候會使頁面跳動,很多JQUERY插件都是在加載完成后,才改變樣式的,頁面會有跳動或閃動的感覺.比如ui.tab這個插件,頁面元素一多,全部顯示出來了,它才形成TAB,很暈的說

 

(function(){})();

立即執行函數；相當於先申明一個函數，聲明完后直接調用；

 

如果參數如： 

(function(str){alert(str)})("output"));

相當於：

function OutPutFun(str){alert(str);};OutPutFun("output");

 

 

總結：

1.

 

jQuery(function(){　});

 

用於存放操作DOM對象的代碼，執行其中代碼時DOM對象已存在。不可用於存放開發插件的代碼，因為jQuery對象沒有得到傳遞，外部通過jQuery.method也調用不了其中的方法（函數）。

2.

 

(function(){　})(jQuery);

 

用於存放開發插件的代碼，執行其中代碼時DOM不一定存在，所以直接自動執行DOM操作的代碼請小心使用。

開發插件的格式如下：

(function ($) {
        $.fn.test111 = function () {
            alert('test')
        }
    })(jQuery);

調用插件

$("#elementid").test111();

--------------------------------------------------------------------------------

(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");

原網址：https://www.cnblogs.com/poissonnotes/p/3548044.html