jQuery理解原始碼(三)筆記

2021-10-02 05:21:51 字數 1512 閱讀 4824

jquery實現另一類方法(筆記)

那麼就是說 jquery(『div』) 就是 jquery.prototype的例項

連線: [

那我們繼續實習,例項的方法

這裡有乙個注意點:

​ 通常我們的思路是 要實現 jquery.each(),為jquery原型鏈上新增的方法。以供例項使用。

注意:是給例項使用。

也就是可以說例項可以呼叫的方法,放在原型鏈上就可以了

// 定義乙個函式

jquery.fn.

extend

=function

(obj)

}// 函式的實現

jquery.prototype.

extend

(else}}

});

jquery.protorype 像這樣的原型暴露或者新增方法不好。

整合這兩種方法:

// 函式的定義

jquery.extend = jquery.fn.

extend

=function

(obj)

}// 函式的實現

// 相當於函式的執行

jquery.

extend(}

});jquery.prototype.

extend

(else}}

});

那麼所有方法的整合就為:

>

1div

>

>

2div

>

>

3div

>

var

jquery

=function

(selector)

;jquery.fn = jquery.prototype =

// 新增length屬性

this

.length = length;

// 新增selector屬性

this

.selector = selector;},

};// 產生的jquery物件,實則為init類產生的物件,init類中的物件要使用jquery.prototype的方法

jquery.fn.init.prototype = jquery.fn;

// 函式的定義

jquery.extend = jquery.fn.

extend

=function

(obj)

}// 函式的實現

// 相當於函式的執行

jquery.

extend(}

});jquery.prototype.

extend

(else}}

});// 又因為jquery中 jquery 和 $指向是同乙個位址, 你可以列印看看

window.$ = jquery;

jquery原始碼解讀(一)筆記

筆記 jquery是乙個庫,封裝了很多方法。為的就是更加方便使用。首先 分析,第一條。他們有兩類方法,一種是 直接呼叫方法 例如 each 另一種是 s elec tor 呼叫方 法 例如 selector 呼叫方法 例如 sele ctor 呼叫 方法 例 如 div html 首先實現,sele...

科目三筆記

1 起步 1左燈,喇叭3秒 2鬆手剎 3腳踩離合器和腳剎,掛一檔 先手剎,後檔位 4起步 問題 在轉彎時,加油掛2擋以及 3擋 還是轉彎過後直行,加油掛擋呢?2 左轉 右 速度在20碼上 3 加減檔 3 2 3 4 3 問題 1掛4檔後,加油到 38碼?2什麼時候從4擋掛到 3擋,檔位切換要等多久?...

jQuery原始碼閱讀筆記

一 閉包結構 作用 消除全域性汙染 採用閉包 匿名函式立即執行 的方式,傳入了window物件 只在後面暴露 和 jquery 這 2 個變數給外界 方式1 function window,undefined window 方式2 function window window,undefined 方...