jQuery源码解读系列之代码结构分析

最新推荐文章于 2021-09-27 16:34:23 发布

原创最新推荐文章于 2021-09-27 16:34:23 发布 · 858 阅读

0 ·

CC 4.0 BY-SA版权

Javascript 专栏收录该内容

4 篇文章

订阅专栏

本文详细解析了jQuery 2.0.3版本的源码结构，包括主要方法与属性的定义、继承机制、工具方法扩展等内容，并介绍了Sizzle选择器、回调管理、异步处理等关键组件。

写作背景：一直想了很久，都想把jQuery源码的解读写成一系列的文章，那样能巩固既有知识，形成更完整的知识体系，也能从jQuery的解读当中，学习到一些优秀的思想。
我的解读系列也主要是提取出一些对于工作当中能够使用到的思想方法进行阐述。

先从整体上分析jQuery的代码结构，了解每一部分代码的主要功能及作用，然后再一一对每一部分进行解读。

下面是基于jQuery2.0.3版本分析：（始行数，结束行数，内容：解析）。

(function(){
   (21,91) 定义了一些变量和函数 jquery =funtion(){}
   (96,283) 给jquery对象添加一些方法和属性
   (285,347) extend：jquery的继承方法
   (349,817) jquery.Extend()： 扩展一些工具方法
   (877,2856) Sizzle： 复杂选择器的实现
   (2880,3024) Callbacks：回调对象，对函数的统一管理
   (3043,3183) Deffered：延迟对象，对异步的统一管理
   (3183,3295) support：功能检测
   (3308,3652) Data：数据缓存
   (3653,3797) Queue()：队列方法，执行顺序的管理
   (3803,4299) attr() prop() val() addClass() 等，对元素属性的操作
   (4300,5128) on() trigger() 事件操作的相关方法
   (5140,6057) Dom操作：添加 删除 获取 包装DOM筛选
   (6058,6620) css():样式的操作
   (6621,7854) 提交的数据和ajax():ajax() load() getJSON()
   (7855,8584) animate()：运动的方法
   (8585,8792) offset()：位置和尺寸方法
   (8804,8821) jquery 支持模块化的模式
   (8826) window.jQuery = window.$ = jQuery;
 })()