可想自己造一个jQuery库?(四)

  • A+
所属分类:jQuery

Lesson-3

修改f(selector) 里的判断,新增domReady

我们知道在jQuery中还有一种选择器写法

$(function() {

});

在dom加载完毕后马上就执行,这样的方法会比onload更快,所以domReady对于我们来说一定是必不可少的

我们在init方法中要新增以下判断

if(!selector) { return this; }

if( typeof selector == 'object') {
    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数组对象.

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

PS:在这我判断的并没有非常的全面,仅仅具备了基础功能

Kodo.ready = function(fn) {

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

};

然后这个是ready的源码,由于我们只兼容高端浏览器所以仅仅需要这样写即可.

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

weinxin
我的微信公众号
我的微信公众号扫一扫

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: