$(function(){})與 (function(){})() (function($){})() 的區別
1. $(function(){ }) 或 jQuery(function(){ })
此函式也可以寫成 jQuery(function(){ }), 用於存放操作DOM物件的程式碼,執行其中程式碼時DOM物件已存在。不可用於存放開發外掛的程式碼,因為jQuery物件沒有得到傳遞,外部通過jQuery.method也調用不了其中的方法(函式)。
2. (function(){})() 或 function(){ })(jQuery)
此函式也可以寫成 function(){ })(jQuery);其實際上是執行()(para)匿名方法,只不過是傳遞了jQuery物件。用於存放開發外掛的程式碼,執行其中程式碼時DOM不一定存在,所以若要直接自動執行DOM操作的程式碼請小心使用。它相當於:
function wido($){} ; wisdo(jQuery), 是初始化jquery物件的慣用方法.
3. (function($){...})() 或 (function($){...})(jQuery)
實際上是匿名函式,它等效於匿名函式 function(arg){...} ,引數為 arg,是初始化jquery物件的慣用方法,有的時候會使頁面跳動, 在呼叫函式時,是在函式後面寫上括號和實參的,由於操作符的優先順序,函式本身也需要用括號,即: (function(arg){...})(param),這就相當於定義了一個引數為arg的匿名函式,並且將param作為引數來呼叫這個匿名函式,而(function($){...})(jQuery)則是一樣的,之所以只在形參使用$,是為了不與其他庫衝突,所以實參用jQuery,
例如:
(funtion(str){alert(str)})("output"));相當於:funtion OutPutFun(str){alert(str);};OutPutFun("output");