天天看點

JQuery 源碼分析

最近也一直在看JQuery 源碼,(代碼分析、文檔分析,視訊分析)接下來我就将其總結一下。以下是對JQuery-2.0.3 版本的源代碼分析:

jquery-2.0.3.js下載下傳

一、JQ整體代碼 (更新中……..)

1. JQuery:整體構架

2. 21-94行:定義了一些變量和函數

3. 96-283行 :給JQ對象添加一些方法和屬性

4. 285-347行: extend JQ的繼承方法

5. 349-817行: JQuery.extend() 擴充一些工具方法

6. 877-2856行: sizzle 複雜選擇器的實作

7. 2880-3042行: callbacks 回調對象,對函數額統一管理

8. 3043-3183行: Deferred 延遲對象,對異步的統一管理

9. 3184-3295行:support 功能檢測

10. 3308-3652行:data() 資料緩存

11. 3653-3797行:quene() 列隊管理

12. 3803-4299行: attr()、prop()、val()、addclass()、等,對元素屬性的操作

13. 4300-5128行:on()、trigger() 事件操作的相關方法

14. 5140-6057行: Dom操作(增删改查)

15. 6058-6620行: css() 樣式操作

16. 6621-7854行:送出的資料和ajax()、load()、getJson();

17. 7855-8584行:animate() 動畫的方法

18. 8585-8792行:offset() 位置和尺寸擷取設定的方法

19. 8804-8821行: JQ支援子產品化的模式

20. 8826行: window.JQuery = window.$ = JQuery