慕課網：http://www.imooc.com/learn/172 ~~~ <script type="text/javascript"> ;(function(global, factory) { factory(global); }(typeof window !== "undefined" ? window : this, function(window, noGlobal) { var jQuery = function( selector, context ) { return new jQuery.fn.init( selector, context ); }; jQuery.fn = jQuery.prototype = {}; ~~~ // 核心方法 // 回調系統 // 異步隊列 // 數據緩存 // 隊列操作 // 選擇器引 // 屬性操作 // 節點遍歷 // 文檔處理 // 樣式操作 // 屬性操作 // 事件體系 // AJAX交互 // 動畫引擎 return jQuery; })); ~~~ jQuery.each( [ "get", "post" ], function( i, method ) { jQuery[ method ] = function( url, data, callback, type ) { // Shift arguments if data argument was omitted if ( jQuery.isFunction( data ) ) { type = type || callback; callback = data; data = undefined; } return jQuery.ajax({ url: url, type: method, dataType: type, data: data, success: callback }); }; }); ~~~ </script>''' jQuery有3種針對文檔加載的方法 ~~~ $(document).ready(function() { // ...代碼... }) //document ready 簡寫 $(function() { // ...代碼... }) $(document).load(function() { // ...代碼... }) ~~~ ready先執行，load后執行。 DOM文檔加載的步驟： ~~~ (1) 解析HTML結構。 (2) 加載外部腳本和樣式表文件。 (3) 解析并執行腳本代碼。 (4) 構造HTML DOM模型。//ready (5) 加載圖片等外部文件。 (6) 頁面加載完畢。//load ~~~ deferred對象就是jQuery的回調函數解決方案 通過new操作符構建一個對象，一般經過四步： ~~~ A.創建一個新對象 B.將構造函數的作用域賦給新對象（所以this就指向了這個新對象） C.執行構造函數中的代碼 D.返回這個新對象 ~~~