jquery原始碼基本結構和外掛程式寫法

1. jquery原始碼基本結構

(function

(w) 
//給原型提供乙個簡寫方式，jquery.fn等於原型屬性這個寫法，是最經典的jquery寫法
jquery.fn = jquery.prototype =;
//init才是jquery中真正的建構函式
var init = jquery.fn.init = function
(selector, context);
//把建構函式的原型，替換為jquery工廠的原型
//這麼做的目的是為了實現jquery的外掛程式機制，讓外界可以通過jquery方便的進行擴充套件
//建構函式的原型 == new出來的這個例項jquery.fn = jquery.prototype 這樣就實現了原型繼承，可以在$ 物件上面封裝自己的方法。
init.prototype =jquery.fn;
w.jquery = w.$ =jquery;
}(window));

2.jquery的外掛程式寫法

jquery.fn代表jquery.prototype，可以在jquery的原型上新增方法。

jquery.extend = jquery.fn.extend；

jquery.extend在jquery上擴充套件方法，新增全域性靜態方法。

jquery.fn.extend在jquery例項上擴充套件方法。

2.1 jquery新增靜態方法

$.extend(

})$.sayhello('bbb'); //
hello,bbb

2.2 jquery外掛程式定義

$.fn.pluginname = function

())}

jquery和js原始碼

1，有關註冊時驗證的jquery view code document.oncontextmenu function e function getkeycode e function var k getkeycode e if k 96 k 105 k 48 k 57 k 65 k 90 k 8 k...

jQuery 總體原始碼結構筆記

最外層是乙個自呼叫函式 function window,undefined 將jquery.prototype簡寫為jquery.fn jquery.fn jquery.prototype 構造jquery例項的時候重新制定了init函式的原型 jquery.fn.init.prototype jq...

jQuery原始碼分析

工具 版本說明 版本號備註 jquery 2.1.1 sublime 3jquery function selector,context jquery.fn jquery.prototype 快速匹配正則 不加g 不光匹配整體項還會匹配到子項 rquickexpr s w w w init jque...