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

1

、概述

jQuery

是一个非常优秀的

JS

库，与

Prototype,YUI,Mootools

等众多的

Js

类库相比，它剑

走偏锋，从

web

开发实用的角度出发，抛除了其它

Lib

中一些不实用的东西，为开发者提供

了短小精悍的类库。其短小精悍，使用简单方便，性能高效，能极大地提高开发效率，是开

发

web

应用的最佳的辅助工具之一。

因此大部分开发者在抛弃

Prototype

而选择

Jquery

来进

行

web

开发。

一些开发人员在使用

jquery

时，

由于仅仅只知道

Jquery

文档中的使用方法，

不明白

Jquery

的运行原理，时常会碰到许多的问题。这些问题大部分是使用不当而产生，极少数是

Jquery

的

Bug

。

如果不明白其运行机理和核心源码，

我们也很难写出基于

jquery

类库的高性能的程

序出来。

在调试基于

jQuery

的程序时，

我们大部分时间都要跟踪进入

jQuery

对象分析其运行的状态，

但是

jQuery

代码不像

Ext,YUI

那样中规中举，

它的代码有点晦涩，

难懂。

也就说如果想用好

jQuery

，一定要清楚其源码。

Jquery

的网络资源丰富，但

Baidu

了很久，却很难找到那种完全深入地分析

Jquery

源码的

文稿。倒是

Jquery

的开发者，

John Resi

的《

Pro Javascript Techniques

》对于

Jquery

的

源码的分析涉及了，可以看作是

jQuery

的源码分析，但是其主指在于

JavaScript

的使用。

我们并不能很明白，很细致去了解

Jquery

的源码。

2

、构建

jQuery

对象

在本节中，我们会就

Jquery

的运行机制和设计理念进行分析和说明。本节分成三个部分：

jQuery

的体系、构建及数组特性。

2.1

、

jQuery

的设计理念

使用

jQuery

之前，

我们都会问

jQuery

是什么？

jQuery

是一个类库，

和

prototype

，

mootools

等类库一样，

为

Web

的

Js

开发提供辅助功能。

那为什么要选用

jQuery

呢？在

jQuery

出现之

前，

Prototype

，

YUI

都是很成熟的

Js

的框架，而且是各有各的特点。为什么要抛弃它们，

而使用后起之秀的

jQuery

，它有什么优秀的特性吸引开发人员呢？

回答这个问题，

我们得明白

jQuery

的设计理念。

回忆或想象一下，

我们在

web

开发中是如何

使用

JS

？绝大多数时间都是采用

getElementById

在

Dom

文档中找到

Dom

元素，然后取值或

设定值，采用

innerHTML

取其内容或设定其内容，或进行事件的监听

(

如

click)

，在控制样

式方面，

我们会进行

height,width,display

等的改变，

达到视觉上的效果，

对于

Ajax

方面，

也是取到数据在页面的某元素里面去添充内容。

综之，我们就是在对

Dom

元素在进行操作。这个元素可能是一个或是多个。这个元素可能是

document

，

window

或

Dom

元素。

这样我们的任务就是二大部分，

一是找

Dom

元素，

二是对

Dom

元素进行操作。