jQuery 2 0 3 整體架構

示例

var jquery = function() ;

jquery.fn = jquery.prototype = ,
name: function() {},
age: 20
};//原型傳遞
jquery.fn.init.prototype = jquery.fn;

因為是引用傳遞，所以不用擔心迴圈引用的效能問題。

示例

jquery.prototype = ,

funcb: function() ,
//...
};

示例

jquery.extend = jquery.fn.extend = function() ,

i = 1,
length = arguments.length,
deep = false;
if (typeof target === "boolean") ;
i = 2;
}if (typeof target !== "object" && !jquery.isfunction(target)) ;
}if (length === 1) 
for (; i < length; i++) 
if (deep && copy && (jquery.isplainobject(copy) || (copyisarray = jquery.isarray(copy))))  else 
target[name] = jquery.extend(deep, clone, copy);
} else if (copy !== undefined) }}
}return target;
};

jquery.extend 和 jquery.fn.extend 其實是指向同乙個方法的不同引用。

jquery.extend 對jquery本身的屬性和方法進行了擴充套件。

jquery.fn.extend 對jquery原型的屬性和方法進行了擴充套件。

jQuery 2 0 3 原始碼分析 資料快取

var aa1 aaron var aa2 aaron 覆蓋 aa1.data a 1111 結果2222222 aa2.data a 2222 結果2222222 console.log aa1.data a console.log aa2.data a 不覆蓋 data aa1,b 1111 d...

jQuery 2 0 3 原始碼分析 樣式操作

根據api分類 css對元素的樣式操作,底層的實現就是修改元素的classname值 實現的功能 增加一條樣式規則 addclass myclass 增加多條樣式規則 addclass myclass yourclass 傳遞 遍歷樣式規則 ul li last addclass function ...

jQuery整體架構

function global,factory typeof window undefined window this,function window,noglobal jquery.fn jquery.prototype 核心方法 系統 非同步佇列 資料快取 佇列操作 選擇器引 屬性操作 節點遍歷...