開發(fā)jQuery插件時(shí)總結(jié)的一些經(jīng)驗(yàn)分享一下。

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

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

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

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

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

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

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

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

$(function(){…});

或者：

jQuery(function($) {
…
});

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

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

三、總結(jié)

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

最新評論