Jquery源码分析之一概述及jquery对象的构建

《Jquery源码分析之一概述及jquery对象的构建》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、1、概述jQuery是一个非常优秀的JS库，与Prototype,YUI,Mootools等众多的Js类库相比，它剑走偏锋，从web开发实用的角度出发，抛除了其它Lib中一些不实用的东西，为开发者提供了短小精悍的类库。其短小精悍，使用简单方便，性能高效，能极大地提高开发效率，是开发web应用的最佳的辅助工具之一。因此大部分开发者在抛弃Prototype而选择Jquery来进行web开发。一些开发人员在使用jquery时，由于仅仅只知道Jquery文档中的使用方法，不明白Jquery的运行原理，时常会碰到许多的问题。这些问题大部分是使用不当而产生，极少数是Jquery的Bug

2、。如果不明白其运行机理和核心源码，我们也很难写出基于jquery类库的高性能的程序出来。在调试基于jQuery的程序时，我们大部分时间都要跟踪进入jQuery对象分析其运行的状态，但是jQuery代码不像Ext,YUI那样中规中举，它的代码有点晦涩，难懂。也就说如果想用好jQuery，一定要清楚其源码。Jquery的网络资源丰富，但Baidu了很久，却很难找到那种完全深入地分析Jquery源码的文稿。倒是Jquery的开发者，JohnResi的《ProJavascriptTechniques》对于Jquery的源码的分析涉及了，可以看作是jQuery的源码分析，但是其主指在

3、于JavaScript的使用。我们并不能很明白，很细致去了解Jquery的源码。2、构建jQuery对象在本节中，我们会就Jquery的运行机制和设计理念进行分析和说明。本节分成三个部分：jQuery的体系、构建及数组特性。2.1、jQuery的设计理念使用jQuery之前，我们都会问jQuery是什么？jQuery是一个类库，和prototype，mootools等类库一样，为Web的Js开发提供辅助功能。那为什么要选用jQuery呢？在jQuery出现之前，Prototype，YUI都是很成熟的Js的框架，而且是各有各的特点。为什么要抛弃它们，而使用后起之秀的jQuer

4、y，它有什么优秀的特性吸引开发人员呢？回答这个问题，我们得明白jQuery的设计理念。回忆或想象一下，我们在web开发中是如何使用JS？绝大多数时间都是采用getElementById在Dom文档中找到Dom元素，然后取值或设定值，采用innerHTML取其内容或设定其内容，或进行事件的监听(如click)，在控制样式方面，我们会进行height,width,display等的改变，达到视觉上的效果，对于Ajax方面，也是取到数据在页面的某元素里面去添充内容。综之，我们就是在对Dom元素在进行操作。这个元素可能是一个或是多个。这个元素可能是document，window或D

5、om元素。这样我们的任务就是二大部分，一是找Dom元素，二是对Dom元素进行操作。对于用得熟练一点，不管是采用如getElementById这样的直接查找方式还是采用如Element.lastChild这类的间接查找方式不是很难的，对于Dom元素，Dom的操作方面也是很丰富，也不是很难使用？那么要类库做什么用呢？最难的一个问题就是浏览器的兼容的问题。所有的JS框架都要解决这一个问题，同时简化JS的本身自带的操作。Prototype可以说是开创了Js类库的先河，给我们耳目一新的感觉。它解决大部分的浏览器的兼容的问题。同时简化了原始函数名长难于记忆的经常书写出的错的问题（采用$

6、(xx)代替getElementById），提供了Ajax的访问方式，扩展了Array,Object,Function，Event等JS原生对象。但是这些还是不能满足开发的需要，比如在Dom树中寻找dom元素，仅仅只能是通过元素的ID，但是我们想要更方便的查找方法，同时还希望能有一个统一的入口，不要太泛，学习曲线过高或难于使用。Jquery就是从这里出发，把所有一切都统一在jQuery对象中。使用jQuery就是使用jQuery对象。其实jQuery开创性的工作就是如其名一样：query。它强大的查找功能令所有的框架都黯然失色。jQuery实质就是一个查询器。在查询器的基础

7、还提供对查找到的元素进行操作的功能。这样说来jQuery就是查询和操作的统一。查询是入口，操作是结果。jQuery在实现上也可以分成两大部分，一部分是jQuery的静态方法，也可以称作实用方法或工具方法，通过jQuery.xxx()的jQuery命名空间直接引用。第二部分是jQuery的实例方法，通过jQuery(xx)或$(xx)来生成jQuery实例，然后通过这个实例来引用的方法。这部分的方法大多数是从采用静态方法代理来完成功能。真正的功能性的操作都在jQuery的静态方法中实现。这些功能细分起来，可以分成以下