摘要:本系列jQuery实战教程将给大家系统的讲解一些库的知识点 ,看完这系列文章会让你对实现一个自己的简单jQuery库有更加清晰的理解和运用。
本系列jQuery实战教程将给大家系统的讲解一些库的知识点 ,看完这系列文章会让你对实现一个自己的简单jQuery库有更加清晰的理解和运用。
修改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说得过去么你!! :(
希望这篇文章可以帮助到你。总之,同学们,你想要的职坐标IT频道都能找到!
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了,明天再试试吧!
我们会在第一时间安排职业规划师联系您!
您也可以联系我们的职业规划师咨询:
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
沪公网安备 31011502005948号