Jquery源码分析系列目录

核心提示： Jquery源码分析---导言jQuery是一个非常优秀的JS库，与Prototype,YUI,Mootools等众多的Js类库相比，Jquery源码分析系列目录，它剑走偏锋，从web开发的实用角度出发，第 1 部分: 使用 Ajax 和 jQuery 改进现有站点Ajax 改造，第 2 部分: 使用 jQuery、

Jquery源码分析---导言

jQuery是一个非常优秀的JS库，与Prototype,YUI,Mootools等众多的Js类库相比，它剑走偏锋，从web开发的实用角度出发，抛除了其它Lib中一些中看但不实用的东西，为开发者提供了优美短小而精悍的类库。其使用简单，文档丰富，而且性能高效，能极大地提高web系统的开发效率。因此可以说是web应用开发中最佳的Js辅助类库之一。大部分开发者正在抛弃Prototype，而选择Jquery做为他们进行web开发的JS库。

Jquery源码分析---概述

jQuery是一个非常优秀的JS库，与Prototype,YUI,Mootools等众多的Js类库相比，它剑走偏锋，从web开发实用的角度出发，抛除了其它Lib中一些不实用的东西，为开发者提供了短小精悍的类库。其短小精悍，使用简单方便，性能高效，能极大地提高开发效率，是开发web应用的最佳的辅助工具之一。因此大部分开发者在抛弃Prototype而选择Jquery来进行web开发。

Jquery源码分析---构建jQuery对象

在本节中，我们会就Jquery的运行机制和设计理念进行分析和说明。本节分成三个部分：jQuery的体系、构建及数组特性。

Jquery源码分析---构建Jquery的Dom元素

这一部分首先分析如何从html的片断就得生成Dom元素,然后分析jQuery是如何通过直接或间接的方式在在Dom树中找到dom元素，第三就是分析基于CSS1~CSS3的CSS selector。

Jquery源码分析---jQuery类数组的分析

上一节我们就如何查找元素进行了分析。查找到了元素（集）之后，我们应该怎么办呢？这个查找返回的可能是集合也有可能是对象，肯定是要找个地方保存起来，那么存在哪里？又是如何去存呢？存完之后，又是如何去取或进行其的操作呢？

Jquery源码分析---DOM元素（上）

Jquery源码分析---DOM元素（中）

Jquery源码分析---DOM元素（下）

构建了jquery对象，也能对jquery的集合中元素进行局部的调整。现在就是操作。对于jquery对象中Dom元素进行操作。对jquery进行dom的操作就是对jquery对象集合的所有元素都进行操作（有的时间只是第一个元素）。对于dom的操作可以分成对元素的属性，内容，CSS，insert这几个方面进行操作。

Jquery源码分析---Event分析

对于javascript事件扩展，所有的lib都差不多。和jquery和prototype,yui和Ext，其要解决的首要问题是兼容性，所有lib都会对event进行包裹，统一其属性解决其兼容性。对于事件的操作无非是addEvent,fireEvent,removeEvent这三个事件方法。一般lib都会对浏览器的提供的函数做一些扩展，解决兼容性内存泄漏等问题。第三个问题就是如何得到domReady的状态。

Jquery源码分析---Ajax分析

对于ajax的应用，不管对返回的数据进行如何的处理，其最终目的还是得落在页面的显示上，也是某一个或一些dom元素上。那么我从这个需要改变内容的dom元素（集合）出发，通过ajax去获得数据进行一些处理最终填充到给定的元素中。这和prototype中Ajax.Updata相似。

Jquery源码分析---FX分析

Fx的实质是连续有序改变dom元素的属性达到视觉上的效果，动态地变化起来。这些属性主要是高度，宽度，透明度和颜色（背景色和前景色）等。连续有序是和时间相关的，也就是先在某个时间点改变一下CSS的样式属性，下一个时间点再改变一下样式属性，达到渐变的过程的效果。

Jquery源码分析---expand (扩展)

Jquery仅仅是一个对象，类数组的对象。它没有对js的原始对象进行扩展。它没有分层分级去形成这样那样的继承方式（Ext中是这样）。它仅仅是把它认为自己所需要的操作都融合在jquery的对象中。为了代码的简洁，它采用方法链编程的风格（起源起hibernate）。

文章作者：prk(彭仁夔)

文章来源：http://jljlpch.javaeye.com/

声明：此作品已经获得作者同意而发布在本站。如需转载必须获得作者同意，否则不得转载！

编辑推荐阅读：

jQuery使用手册

使用jQuery简化Ajax开发——Ajax开发入门[1]

使用jQuery简化Ajax开发——Ajax开发入门[2][完]

Ajax 改造，第 1 部分: 使用 Ajax 和 jQuery 改进现有站点

Ajax 改造，第 2 部分: 使用 jQuery、Ajax、工具提示和 lightbox 改进现有站点

Ajax 改造，第 3 部分: 用 jQuery、Ajax 选项卡和照片 carousel 改进现有的站点

Ajax 改造，第 4 部分: 用 jQuery 和 Ajax 表单改造现有站点