从2013年开始学习jQuery,由Aspx.net转换到javaWeb开发过程中,对jQuery的使用越来越频繁,也更加的喜欢上了这个框架,由此在心里不由的想要一探究竟。所以,开这个专栏来记录学习过程。首先,要了解jQuery框架包含的内容结构是怎么样,比如选择器、事件绑定、样式处理、DOM操作和ajax等,这些都是进行前段web开发中经常使用的内容,那么jQuery.js从上往下代码包含那几部分——这里用jQuery.2.0.3.js:
21 ~ 94 定义了一些变量和函数 jQuery = function {};
96 ~ 283 给jQuery对象添加一些方法和属性
285 ~ 347 extend: jQuery的继承方法
349 ~ 817 jQuery.extend: 扩展一些工具方法
877 ~ 2856 Sizzle: 复杂选择器的实现
2880 ~ 3042 Callbacks: 回调对象,对函数的统一管理
3043 ~ 3183 Defered:延迟对象,对异步的统一管理
3184 ~ 3295 support:功能检测
3308 ~ 3652 data : 数据缓存
3653 ~ 3797 queue: 队列管理
3803 ~ 4299 attr prop val addClass等: 对元素属性的操作
4300 ~ 5128 on trigger:事件操作的相关方法
5140 ~ 6057 DOM操作: 添加、删除、获取、包装等
6058 ~ 6620 css: 样式操作
6621 ~ 7854 提交的数据和ajax: ajax、load、getJson
7855 ~ 8584 animate: 运动方法
8585 ~ 8792 offset: 位置和尺寸的方法
8804 ~ 8821 jQuery支持模块化的模式
8826 window.jQuery = window.$ = jQuery; 对外提供的接口
上面罗列了十八项,主要内容是从第1项到17项,window.jQuery=window.$只是一种在全局window对象上进行属性绑定的方式。所以接下来,我从上往下进行源码解析,逐渐学习jQuery的源码内容。