jQuery的主體如下:

(function(){ ……})();

對于Javascript基礎(chǔ)不太好好的人來說比較奇怪。實際上，這個表達(dá)式聲明了一個匿名函數(shù)（第一個括號），然后再執(zhí)行它（第二個括號）。在這個函數(shù)中，完成了jQuery一系列方法和對象的定義。第24行很關(guān)鍵，

在這里，定義了十分強(qiáng)大的$函數(shù)。$其實是jQuery的一個別名。jQuery才是“正宗”的jQuery函數(shù)，$的定義只是為了減少程序員的打字量。$很容易和其他庫沖突，例如著名的prototype庫也使用了這個名字。不過jQuery和其他庫沖突的機(jī)會就少多了，因此使用jQuery 要比$安全的多。下面再說沖突的問題。再看return的對象fn的定義，第35行

很顯然fn只是一個jQuery的原型的簡寫而已。其中定義了一個init函數(shù)。實際上，init充當(dāng)?shù)氖莏Query的構(gòu)造函數(shù)的角色。當(dāng)我們使用var i=$(‘selector')這樣的代碼的時候，可以發(fā)現(xiàn)變量i被jQuery包裹起來了，也就是i帶上了jQuery.fn的方法。很明顯，i的prototype被指向了jQuery.fn。再Javascript的世界里，可以說，i是jQuery的一個實例，你嘗試下 i instanceof jQuery,返回的是true。然而，這里并沒有用 i=new $(selector); 我估計，$是如此常用的一個函數(shù)，如果每次都要使用new來構(gòu)造一個對象的話，那也太麻煩了，這就是init存在的理由，$本身被定義為一個很簡單的函數(shù)，它內(nèi)部僅有一行代碼，返回一個init對象。我們每調(diào)用一次$(selector)方法，都返回一個jQuery對象。有點工廠模式的味道。當(dāng)然，如果你對Javascript比較熟悉，就會知道這樣是不夠的，我們需要把init的prototype設(shè)為jQuery.fn，代碼541行：

jQuery.fn.init.prototype = jQuery.fn;

到540行為止，都是定義的jQuery的原型對象，用OO語言的話說，相當(dāng)于實例方法，從540行開始，定義了一系列jQuery的方法，相當(dāng)于靜態(tài)方法。至此，拋開方法的具體實現(xiàn)不談（有些實在是太困難了），jQuery的結(jié)構(gòu)基本上是明了的了。下面開始介紹擴(kuò)展。

擴(kuò)展jQuery首先要注意的就是避免命名沖突，尤其是搶手的$?？紤]周到的jQuery設(shè)計了一個jQuery.noConflict()方法，使得jQuery可以拱手讓出$符號，避免和其他庫沖突，而程序員可以使用完整的符號jQuery來調(diào)用jQuery提供的方法。noConflict()的實現(xiàn)簡單而巧妙，順便看一下，首先在第21行，

// Map over the $ in case of overwrite
_$ = window.$,jQuery首先記錄下windows.$，注意這行代碼的運行時間非常早，在jQuery任何函數(shù)執(zhí)行之前就會被執(zhí)行。當(dāng)然，這里的_$也有沖突的可能，不過概率是在是太小了，誰會用這么詭異的名字作為關(guān)鍵的變量呢。此時如果$已經(jīng)被其他庫占用，它的值會保留在_$中，在任何時候，只要調(diào)用jQuery.noConflict方法，619行，其代碼如下：

這樣，$就又還回去了。

作為插件開發(fā)者，我們無法保證$是否被拱手相讓，最保險的是調(diào)用jQuery方法，然而有一個技巧可以保留簡單的$而不影響其他部分，那就是:

關(guān)于插件的js文件的命名，一般是jquery.pluginname.js。

要擴(kuò)展jQuery工具函數(shù)（靜態(tài)函數(shù)）是很容易的，下面一個例子實現(xiàn)一個將數(shù)字?jǐn)U展成固定位數(shù)的字符串的函數(shù)。

要編寫包裝集的方法也同樣容易，下面實現(xiàn)一個使表單元素只讀的方法：

下面編寫一個小頁面測試下，這個頁面模擬的是訂單提交頁面，如果用戶需要發(fā)票，需要填寫發(fā)票信息，否則不能填寫發(fā)票信息。

最新評論