jquery中ready()函数执行的时机和window的load事件比较

jquery的ready()实现的是 DOMContentLoaded 事件，DOMContentLoaded与window load事件的区别

简单的说ready()是在文档加载完成就会触发,此时图片等资源可能还没有完全加载, load是在所有资源都加载完成后才会触发

看下ready函数的代码就什么都清楚了。下面的代码加上了注释：

// Handle when the DOM is ready

ready: function() {

// Make sure that the DOM is not already loaded

if ( !jQuery.isReady ) {

// Make sure body exists, at least, in case IE gets a little overzealous (ticket #5443).

if ( !document.body ) {

return setTimeout( jQuery.ready, 13 );

}

// Remember that the DOM is ready

jQuery.isReady = true;

// If there are functions bound, to execute

if ( readyList ) {

// Execute all of them

var fn, i = 0;

while ( (fn = readyList[ i++ ]) ) {

fn.call( document, jQuery );

}

// Reset the list of functions

readyList = null;

}

// Trigger any bound ready events

if ( jQuery.fn.triggerHandler ) {

jQuery( document ).triggerHandler( "ready" );

}

}

},

以上所述就是本文的全部内容了，希望大家能够喜欢。