資訊專欄INFORMATION COLUMN
摘要：修改里的判斷新增我們知道在中還有一種選擇器寫法在加載完畢后馬上就執(zhí)行這樣的方法會(huì)比更快所以對(duì)于我們來說一定是必不可少的我們?cè)诜椒ㄖ幸略鲆韵屡袛嗍紫瓤赡転榈那闆r比如傳入的是原生對(duì)象數(shù)組對(duì)象另外要記得轉(zhuǎn)為數(shù)組因?yàn)橛锌赡苁且粋€(gè)元素比如是等否則
Lesson-3
修改f(selector) 里的判斷,新增domReady
我們知道在jQuery中還有一種選擇器寫法
$(function() {
});
在dom加載完畢后馬上就執(zhí)行,這樣的方法會(huì)比onload更快,所以domReady對(duì)于我們來說一定是必不可少的
我們?cè)趇nit方法中要新增以下判斷
if(!selector) { return this; }
if (typeof selector == "object") {
var selector = [selector];
for (var i = 0; i < selector.length; i++) {
this[i] = selector[i];
}
this.length = selector.length;
return this;
} else if (typeof selector == "function") {
Kodo.ready(selector);
return;
}
首先selector可能為object的情況,比如傳入的是原生dom對(duì)象,dom數(shù)組對(duì)象. 另外要記得轉(zhuǎn)為數(shù)組`var selector = [selector];
因?yàn)橛锌赡苁且粋€(gè)元素比如是window,document等否則沒法循環(huán)
然后selector如果是function那我們就認(rèn)為他是domReady
PS:在這我判斷的并沒有非常的全面,僅僅具備了基礎(chǔ)功能
Kodo.ready = function(fn) {
doc.addEventListener("DOMContentLoaded",function() {
fn && fn();
},false);
doc.removeEventListener("DOMContentLoaded",fn,true);
};
然后這個(gè)是ready的源碼,由于我們只兼容高端瀏覽器所以僅僅需要這樣寫即可.
既然你都看到這了,還不給我一個(gè)star說得過去么你!! :(
github地址: https://github.com/MeCKodo/forchange/tree/master/lesson-3
可想造一個(gè)屬于你自己的jQuery庫?(三)：http://segmentfault.com/a/1190000003997303
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/86231.html
摘要：這個(gè)版本我們要增加一個(gè)用的非常多的方法那就是我們知道不僅能遍歷數(shù)組還能遍歷對(duì)象首先我們需要一個(gè)對(duì)數(shù)組進(jìn)行驗(yàn)證的方法接著就是我們的重頭戲因?yàn)槲覀冞€可能遍歷數(shù)組對(duì)象如所以還需要一個(gè)判斷是否是數(shù)組對(duì)象在這應(yīng)該強(qiáng)調(diào)下的用法還是很多人不知道何時(shí)使用 Lesson-4 這個(gè)版本我們要增加一個(gè)用的非常多的方法! 那就是each! 我們知道each不僅能遍歷數(shù)組,還能遍歷對(duì)象. 首先我們需要一個(gè)對(duì)數(shù)...
摘要：這個(gè)版本我們要增加一個(gè)用的非常多的方法那就是我們知道不僅能遍歷數(shù)組還能遍歷對(duì)象首先我們需要一個(gè)對(duì)數(shù)組進(jìn)行驗(yàn)證的方法接著就是我們的重頭戲因?yàn)槲覀冞€可能遍歷數(shù)組對(duì)象如所以還需要一個(gè)判斷是否是數(shù)組對(duì)象在這應(yīng)該強(qiáng)調(diào)下的用法還是很多人不知道何時(shí)使用 Lesson-4 這個(gè)版本我們要增加一個(gè)用的非常多的方法! 那就是each! 我們知道each不僅能遍歷數(shù)組,還能遍歷對(duì)象. 首先我們需要一個(gè)對(duì)數(shù)...
摘要：這個(gè)版本新增這個(gè)選擇元素的方法還是比較常用的首先我們需要一個(gè)來過濾我們需要的上面那段比較簡單就是普通的過濾下元素看下方法的源碼就知道我傳入數(shù)組對(duì)象的個(gè)對(duì)象然后取它的下一個(gè)同輩元素直接返回方法同理這段是取到第一個(gè)父元素由于返回的不是原生的對(duì) Lesson-2 這個(gè)版本新增 next(),prev(),parent(),parents() 這4個(gè)選擇元素的方法還是比較常用的 首先我們需要...
閱讀 3409·2021-09-22 15:01
閱讀 535·2019-08-30 11:11
閱讀 965·2019-08-29 16:17
閱讀 1218·2019-08-29 12:23
閱讀 2036·2019-08-26 11:48
閱讀 3189·2019-08-26 11:48
閱讀 1427·2019-08-26 10:33
閱讀 1938·2019-08-26 10:30
