可想完成一个本身的简朴jQuery库？(四)

2024年5月6日 155次阅读 来源: 二哲

Lesson-3

修正f(selector) 里的推断,新增domReady

我们晓得在jQuery中另有一种选择器写法

$(function() {

});

在dom加载终了后立时就实行,如许的要领会比onload更快,所以domReady关于我们来讲一定是必不可少的

我们在init要领中要新增以下推断

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对象,dom数组对象. 别的要记得转为数组`var selector = [selector];

因为有多是一个元素比方是window,document等不然没法轮回

然后selector如果是function那我们就以为他是domReady

PS:在这我推断的并没有异常的周全,仅仅具有了基本功用

Kodo.ready = function(fn) {

    doc.addEventListener('DOMContentLoaded',function() {
        fn && fn();
    },false);
    doc.removeEventListener('DOMContentLoaded',fn,true);

};

然后这个是ready的源码,因为我们只兼容高端浏览器所以仅仅须要如许写即可.

既然你都看到这了,还不给我一个star说得过去么你!! :(

github地点: https://github.com/MeCKodo/forchange/tree/master/lesson-3
可想造一个属于你本身的jQuery库?(三)：http://segmentfault.com/a/1190000003997303

    原文作者：二哲
    原文地址: https://segmentfault.com/a/1190000004001281
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞