可想实现一个自己的简单jQuery库？(四)

2021-02-16 16:21

阅读：488

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可能为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

上一篇：【Vue面面观】谈谈你对MVC、MVP和MVVM的理解

下一篇：P4208 [JSOI2008]最小生成树计数

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：可想实现一个自己的简单jQuery库？(四)
文章链接：http://soscw.com/index.php/essay/56176.html

亲，登录后才可以留言！

可想实现一个自己的简单jQuery库？(四)

Lesson-3

评论

热门文章

推荐文章

最新文章

置顶文章