码迷,mamicode.com
首页 > Web开发 > 详细

jQuery剥皮一

时间:2014-11-09 19:38:37      阅读:330      评论:0      收藏:0      [点我收藏+]

标签:style   http   io   ar   os   使用   sp   on   2014   

jquery1.4 jquery1.4下载


这里使用了 jQuery1.4,为什么使用 1.4 因为 1.4 很多特性没有添加分析起来相对容易。

1

bubuko.com,布布扣 

闭包开始整个代码,这里传递window 是避免查找全局window 加快了速度(没太大感觉啊哈)

 

2

bubuko.com,布布扣 

定义了jQuery的构造函数,实际上你使用$(select)是走的jQuery.fn.init

 

3

bubuko.com,布布扣 

定义了实际的构造方法 => $(select) $(nodeType) $(function(){}) $(<p></p>处理这几种方法

这里还定义了一些核心方法 toArray(伪数组转换为数组)、get(获取this中的元素)、pushStack(返回新的jQuery对象,并且会跟踪上一次的元素在prevObject)setArray(把传递进来的元素设置到jQuery对象中,会清空以前的选中元素)、eachreadyeqfirstlastslicemapend

 

4、

bubuko.com,布布扣 

把构造函数的原型链指回了jQuery函数原型链,不然没法引用到 jQuery.prototype 的函数了

指向前

bubuko.com,布布扣 

指向后

bubuko.com,布布扣 

 

5

bubuko.com,布布扣 

jQuery原型和jQuery函数静态方法添加extend扩展函数,这个函数太常用了。如果传递的是一个对象,他会给当前的this 扩展

 

6

bubuko.com,布布扣 

jQuery函数静态方法扩展了一堆方法

noConflictreadybindReadyisFunctionisArrayisPlainObjectisEmptyObjectglobalEvalnodeNameeachtrimmakeArrayinArraymergegrepmapproxyuaMatch

 

7、接着做了浏览器一些兼容的处理

 

8

做了jQuery.data的扩展,上面划绿线的是实现层,我们平常调用的$.data() 是下面划红线里面的方法bubuko.com,布布扣

bubuko.com,布布扣

 

9

bubuko.com,布布扣 

jQuery 的队列扩展

 

 

10

bubuko.com,布布扣 

jQuery 属性样式扩展

 

 

11

bubuko.com,布布扣 

这个是jQuery 事件的基础,所有的高级事件都要通过它们实现

 

12

bubuko.com,布布扣 

对事件的兼容处理

 

13

bubuko.com,布布扣 

这都都是锦上添花的实现,为了更方便

 

14

bubuko.com,布布扣下面都是选择器的实现,没(shi)(kan)(bu)(dong) 哈哈。

 

15

bubuko.com,布布扣 

对选择的元素进行高级过滤查找操作。这些的函数太好用啦

 

16

bubuko.com,布布扣 

bubuko.com,布布扣 

这些文档处理函数也是很好用

 

17、下面就是一些ajax 样式、动画的一些封装也没啥好说的了(其实每个单拿出来,要说好久)。

 

 

 


jQuery剥皮一

标签:style   http   io   ar   os   使用   sp   on   2014   

原文地址:http://my.oschina.net/itudou/blog/342434

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!