jQuery的ready方法详解(2)
复制代码 代码如下: ready: function( wait ) { if ( wait === true --jQuery.readyWait : jQuery.isReady ) { //判断页面是否已完成加载并且是否已经执行ready方法 return; } if ( !d
复制代码 代码如下:
ready: function( wait )
{
if ( wait === true ? --jQuery.readyWait : jQuery.isReady ) {
//判断页面是否已完成加载并且是否已经执行ready方法
return;
}
if ( !document.body ) {
return setTimeout( jQuery.ready );
}
jQuery.isReady = true; //指示ready方法已被执行
if ( wait !== true && --jQuery.readyWait > 0 ) {
return;
}
readyList.resolveWith( document, [ jQuery ] );
if ( jQuery.fn.trigger ) {
jQuery( document ).trigger("ready").off("ready");
}
},
总结：
页面加载完成有两种事件，一是ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件），二是onload，指示页 面包含图片等文件在内的所有元素都加载完成。(可以说：ready 在onload 前加载！！！)
一般样式控制的，比如图片大小控制放在onload 里面加载;
jS事件触发的方法，可以在ready 里面加载;
- 上一篇：jQuery实现多按钮单击变色
- 下一篇：javascript 面向对象封装与继承
收藏文章
精彩图集
精彩文章
