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

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