jQuery剝皮一

標籤：style   http   io   ar   os   使用   sp   on   2014   

jquery1.4 jquery1.4下載

這裡使用了 jQuery1.4，為什麼使用 1.4 因為 1.4 很多特性沒有添加分析起來相對容易。

1、

 

閉包開始整個代碼，這裡傳遞window 是避免尋找全域window 加快了速度(沒太大感覺啊哈)

 

2、

 

定義了jQuery的建構函式，實際上你使用$(‘select’)是走的jQuery.fn.init

 

3、

 

定義了實際的構造方法 => $(‘select’) $(‘nodeType’) $(function(){}) $(‘<p></p>’) 處理這幾種方法

這裡還定義了一些核心方法 toArray（偽數群組轉換為數組）、get（擷取this中的元素）、pushStack(返回新的jQuery對象，並且會跟蹤上一次的元素在prevObject中)、setArray（把傳遞進來的元素設定到jQuery對象中，會清空以前的選中元素）、each、ready、eq、first、last、slice、map、end

 

4、

 

把建構函式的原型鏈指回了jQuery函數原型鏈,不然沒法引用到 jQuery.prototype 的函數了

指向前

 

指向後

 

 

5、

 

給jQuery原型和jQuery函數靜態方法添加extend擴充函數，這個函數太常用了。如果傳遞的是一個對象，他會給當前的this 擴充

 

6、

 

給jQuery函數靜態方法擴充了一堆方法

noConflict、ready、bindReady、isFunction、isArray、isPlainObject、isEmptyObject、globalEval、nodeName、each、trim、makeArray、inArray、merge、grep、map、proxy、uaMatch

 

7、接著做了瀏覽器一些相容的處理

 

8、

做了jQuery.data的擴充，上面劃綠線的是實現層，我們平常調用的$.data() 是下面劃紅線裡面的方法

 

9、

 

jQuery 的隊列擴充

 

 

10、

 

jQuery 屬性樣式擴充

 

 

11、

 

這個是jQuery 事件的基礎，所有的進階事件都要通過它們實現

 

12、

 

對事件的相容處理

 

13、

 

這都都是錦上添花的實現，為了更方便

 

14、

下面都是選取器的實現，沒(shi)啥(kan)好(bu)看(dong) 哈哈。

 

15、

 

對選擇的元素進行進階過濾尋找操作。這些的函數太好用啦

 

16、

 

 

這些文檔處理函數也是很好用

 

17、下面就是一些ajax 樣式、動畫的一些封裝也沒啥好說的了（其實每個單拿出來，要說好久）。

 

 

 

jQuery剝皮一