慕课网：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.返回这个新对象 ~~~