開發(fā)jQuery插件時總結的一些經(jīng)驗分享一下。

一、先看
jQuery(function(){ });
全寫為
jQuery(document).ready(function(){ });

意義為在DOM加載完畢后執(zhí)行了ready()方法。

二、再看
(function(){ })(jQuery)；
其實際上是執(zhí)行()(para)匿名方法,只不過是傳遞了jQuery對象。

(function($) {…})(jQuery);

這里實際上是匿名函數(shù)，如下：

function(arg){…}
這就定義了一個匿名函數(shù)，參數(shù)為arg

而調(diào)用函數(shù)時，是在函數(shù)后面寫上括號和實參的，由于操作符的優(yōu)先級，函數(shù)本身也需要用括號，即：
(function(arg){…})(param)
這就相當于定義了一個參數(shù)為arg的匿名函數(shù)，并且將param作為參數(shù)來調(diào)用這個匿名函數(shù)

而(function($){…})(jQuery)則是一樣的，之所以只在形參使用$，是為了不與其他庫沖突，所以實參用jQuery
相當于funtion output(s){…};output(jQuery);或者var fn=function(s){…};fn(jQuery);

$(function(){…});

或者：

jQuery(function($) {
…
});

允許你綁定一個在DOM（不包含圖片）文檔載入完成后執(zhí)行的函數(shù)。這個函數(shù)的作用如同$(document).ready()一樣，只不過用這個函數(shù)時，需要把頁面中所有需要在 DOM 加載完成時執(zhí)行的$()操作符都包裝到其中來。從技術上來說，這個函數(shù)是可鏈接的－－但真正以這種方式鏈接的情況并不多。

全寫是：
$(document).ready(function(){
…
});

三、總結

jQuery(function(){　});用于存放操作DOM對象的代碼，執(zhí)行其中代碼時DOM對象已存在。不可用于存放開發(fā)插件的代碼，因為jQuery對象沒有得到傳遞，外部通過jQuery.method也調(diào)用不了其中的方法（函數(shù)）。
(function(){　})(jQuery)；用于存放開發(fā)插件的代碼，執(zhí)行其中代碼時DOM不一定存在，所以直接自動執(zhí)行DOM操作的代碼請小心使用。

最新評論