jquery中ready()函数执行的时机和window的load事件比较
jquery的ready()实现的是DOMContentLoaded事件,DOMContentLoaded与windowload事件的区别
简单的说ready()是在文档加载完成就会触发,此时图片等资源可能还没有完全加载,load是在所有资源都加载完成后才会触发
看下ready函数的代码就什么都清楚了。下面的代码加上了注释:
//HandlewhentheDOMisready
ready:function(){
//MakesurethattheDOMisnotalreadyloaded
if(!jQuery.isReady){
//Makesurebodyexists,atleast,incaseIEgetsalittleoverzealous(ticket#5443).
if(!document.body){
returnsetTimeout(jQuery.ready,13);
}
//RememberthattheDOMisready
jQuery.isReady=true;
//Iftherearefunctionsbound,toexecute
if(readyList){
//Executeallofthem
varfn,i=0;
while((fn=readyList[i++])){
fn.call(document,jQuery);
}
//Resetthelistoffunctions
readyList=null;
}
//Triggeranyboundreadyevents
if(jQuery.fn.triggerHandler){
jQuery(document).triggerHandler("ready");
}
}
},
以上所述就是本文的全部内容了,希望大家能够喜欢。