jQuery 事件 ready() 方法

jQuery 参考手册 事件jQuery 参考手册 事件

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

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

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

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

 

1. 语法

允许使用以下三种语法:

1)语法 1

$(document).ready(function)

2)语法 2

$().ready(function)

3)语法 3

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

 

2. 范例

在文档加载后激活函数:

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

我要试一试

 

3. 提示和注释

提示:ready() 函数不应与 <body onload=""> 一起使用。

jQuery 参考手册 事件jQuery 参考手册 事件

当调整浏览器窗口的大小时,发生 resize 事件。resize() 方法触发 resize 事件,或规定当发生 resize 事件时运行的函数。触发 resize 事件语法:$(selector).resize()。