jquery 源码笔记：

1、使用了jquery，但是觉得了解 jquery的源码才能更容易知道怎么使用，所以在网上找了一些 jquery的源码笔记还有看了妙味课堂的一部分视频，现在写一些总结。

一、 jquery的总体架构：

1、jquery 有良好的对外接口， window.jQuery = window.$ = jQuery;

现在是通过jquery 2.0.3 源码的分析：

(21,94) 21—94行，定义了一些变量和函数， jQuery = function();

(96,283) 96—283行，给 jQuery对象，添加一些属性和方法

(285,347) extend : jQ的继承方法，类似： $().css() $().html() css和html 是jquery实例的方法，

(349,817) jQuery.extend 扩展一些工具方法， $.trim() $.proxy() trim和proxy是

时间： 2024-10-22 22:45:35

jquery 源码笔记：的相关文章

jquery源码笔记（四）： jquery.extend=jquery.fn.extend

extend() 方法, 合并两个或更多对象的属性到第一个对象中,jQuery后续的大部分功能都通过该函数扩展, 当参数只有一个对象时,则将对象的属性添加到jQuery对象中. jquery 中扩展插件的形式: 2种方法 $.extend({ //扩展工具方法 aaa:function(){ alert(10); }, bbb:function(){ alert(20) } }); $.fn.extend({ //扩展jquery实例方法 aaa:function(){ alert("f

jquery源码笔记（三）： jquery.prototype的一些方法和属性 init

jquery.fn = jquery.prototype = { 添加实例属性和方法, jquery: 版本, constructor: 修正指向问题 init(): 初始化和参数管理 selector:存储选择字符串 length: this 对象的长度 toArray(): 转数组 get(): 转原生集合 pushStack(): jquery 对象入栈 each() : 便利集合 ready():DOM加载的接口 slice(): 集合的截取 first(): 集合的第一项 la

javascript 跟Aaron大神学习jquery源码笔记

/* 通过new操作符构建一个对象,一般经过四步: A.创建一个新对象 B.将构造函数的作用域赋给新对象(所以this就指向了这个新对象) C.执行构造函数中的代码 D.返回这个新对象最后一点就说明了,我们只要返回一个新对象即可. 其实new操作符主要是把原型链跟实例的this关联起来,这才是最关键的一点, 所以我们如果需要原型链就必须要new操作符来进行处理.否则this则变成window对象了. */ /* var $$ = ajQuery = function(selector) { t

jQuery源码笔记——三

将类数组对象转化为数组对象 javascript中有许多类数组对象,比如HTMLCollection,NodeList,arguments.她们的特点是和数组一样有length属性,并且有0,1,2这样的位置属性.在代码编写中我们经常需要将他们转化为数组对象. //mini类数组对象 var arrayLike = { 0: "a", 1: "b", 2: "c", length: 3 } console.log(Array.prototype.

jQuery源码笔记——数据缓存

数据数据是为了解决内存泄露,他的原理是,当我们将数据存储到一个对象上面,实际上是将所有的数据存到一个单独的数据对象里,而这个对象只提供一个接口,这个接口可以访问自己存在数据对象里自己的数据. 这是一个简单的数据数据 var data = {}; function set(obj,name,value){ //在对象上存储一个属性,用作访问数据的接口 obj.expando = 1; //初始化对象,并在我们接口所提供的位置存放数据 data[obj.expando] = {} data[obj.

jquery源码笔记（二）：定义的变量，

jquery中定义的变量,1.防止污染全局变量,2.自定义变量有助于压缩优化,3.有助于后期维护 rootjquery , jquery的根目录jquery(document), core_strundefined= typeof undefined, core_strundefined 存的就是string类型的 undefined 判断a是不是不存在: 一般判断方法,有2种: window.a ==undefined; //只使用这个可能在IE中不行, typeof windo

jquery源码笔记

1.jquery初始化 function jQuery() { return new jQuery.prototype.init(); } jQuery.prototype.init = function () {} jQuery.prototype.css = function () {} 为啥链式运动可以直接调用呢? jquer().css() 是因为 jquery增加了这一句: function jQuery() { return new jQuery.prototype.init();

jQuery源码笔记——四

each()实现 var jQuery = function( selector, context ) { return new jQuery.fn.init( selector, context ); }; jQuery.fn = jQuery.prototype = { selector: "", init: function(selector){ //仍然是mini的选择器. var result = document.querySelectorAll(selector); fo

jQuery源码笔记——回调对象

回调对象是一个多用途的回调列表对象,提供了强大的的方式来管理回调函数列表. 最简单的缓存对象 function Callbacks(){ var list = [], self = { add: function(fn){ list.push(fn); }, remove: function(fn){ var index; if((index = list.indexOf(fn)) > -1){ list.splice( index, 1 ); } }, fire: function(value