jQuery 事件 ready() 方法

我感觉ready方法的含义就是当所有资源都“连接”上了,但是可能没有“下载”完毕,如下代码:

[pcsh lang="js" tab_size="4" message="" hl_lines="" provider="manual"]

$(document).ready(function(){
	alert('ready');
});

[/pcsh]

执行效果如图,

图片中的pending是最后一个,由于弹出窗口才使他停住,实际这时刚刚200

pic

实例

在文档加载后激活函数:

[pcsh lang="js" tab_size="4" message="" hl_lines="" provider="manual"]

$(document).ready(function(){
  $(".btn1").click(function(){
    $("p").slideToggle();
  });
});

[/pcsh]

定义和用法

当 DOM(文档对象模型) 已经加载,并且页面(包括图像)已经完全呈现时,会发生 ready 事件。

由于该事件在文档就绪后发生,因此把所有其他的 jQuery 事件和函数置于该事件中是非常好的做法。正如上面的例子中那样。

ready() 函数规定当 ready 事件发生时执行的代码。

ready() 函数仅能用于当前文档,因此无需选择器。

允许使用以下三种语法:

语法 1

$(document).ready(function)

语法 2

$().ready(function)

语法 3

$(function)
参数 描述
function 必需。规定当文档加载后要运行的函数。

 

 

 

 

 

 

此处评论已关闭