jQuery.js执行过程分析.doc

  1. 1、本文档共4页,可阅读全部内容。
  2. 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
jQuery.js执行过程分析

JavaScript是一门基于对象的语言,而它的对象技术的实现又和其他语言有着很大的差异,在JavaScript中,一个类的定义一般采用下面这种模式(我所看到的): //?定义一个构造函数; testClass(param1,?param2)?{ ??this.attr1?=?param1; ??this.attr2?=?param2; ??... } //?在prototype对象上扩展,加上相应的方法; testCtotype?=?{ ??Method1:?function()?{...}, ??Method2:?function()?{...}, ??... } //?定义一个实例; var?test?=?new?testClass();   在jQuery.js中,同样也是这种模式,只不过它要复杂很多,而且它还定义了一个jQuery.extend()的静态方法来扩展类的功能,jQuery.js代码执行过程完整分析如下: //?防止多次载入而进行jQuery对象的判断; if?(?typeof?window.jQuery?==?undefined?)?{ ??window.undefined?=?window.undefined; ??//?jQuery的构造函数; ??var?jQuery?=?function(?a,?c?)?{?...?}; ??//?jQuery的命名空间$; ??if?(?typeof?$?!=?undefined?)?jQuery._$?=?$; ??var?$?=?jQuery; ??//?给jQuery的prototype增加一些基础方法和属性; ??//?其中有些方法是调用下面的扩展方法实现的; ??//?注意下面的jQuery.fn?=?jQtotype; ??jQuery.fn?=?jQtotype?=?{ ????each:?function(?fn,?args?)?{?...?}, ????find:?function(?t?)?{?...?}, ????... ??}; ??//?jQuery实现继承的方法; ??jQuery.extend?=?jQuery.fn.extend?=?function(?obj,?prop?)?{...}; ??//?实现一些基础的函数,有大部分是上面调用; ??jQuery.extend({ ????init:?function()?{?...?}, ????each:?function(?obj,?fn,?args?)?{?...?}, ????find:?function(?t,?context?)?{?...?}, ????... ??}); ??//?浏览器版本的检测; ??new?function()?{ ????jQuery.browser?=?{?safari:...,?opera:...,?msie:...,?mozilla:...?}; ????... ??}; ??//?jQuery.macros扩展,主要用于jQuery.init(),进行jQuery的初始化; ??jQuery.macros?=?{ ????filter:?[?...?], ????attr:?{?...?}, ????each:?{?...?}, ????... ??}; ??//?jQuery初始化; ??jQuery.init(); ??//?实现jQuery的重要方法ready(); ??jQuery.fn.extend({ ????ready:?function(?f?)?{?...?} ????... ??}; ??//?上面ready()方法的具体实现; ??jQuery.extend({ ????ready:?function()?{?...?}, ????... ??}; ??//?对浏览器某些事件进行绑定和解绑定; ??new?function()?{ ????... ????jQuery.event.add(?window,?load,?jQuery.ready?); ??}; ??//?当IE浏览器关闭时,清除上面绑定的事件,防止内存泄漏; ??if?(?jQuery.browser.msie?)?jQuery(window).unload(?...?); ??//?实现一些浏览器效果; ??jQuery.fn.extend({ ????show:?function(?speed,?callback?)?{?...?}, ????hide:?function(?speed,?callback?)?{?...?}, ????... ??}; ??//?上面的一些函数具体实现; ??jQuery.ext

文档评论(0)

xcs88858 + 关注
实名认证
内容提供者

该用户很懒,什么也没介绍

版权声明书
用户编号:8130065136000003

1亿VIP精品文档

相关文档