jQuery ready() 方法

jQuery 事件

ready()方法指定在DOM完全加载时要执行的函数。

正确做法是等待文档完全加载并准备就绪,然后再使用它。

如果在完全加载文档之前运行方法,以下是一些操作失败的示例:

  • 尝试选择尚未创建的元素

  • 尝试获取尚未加载的图像的大小

语法:

ready()方法通常与匿名函数一起使用:

$(document).ready(function(){
  // 调用ready()的处理程序
  });

jQuery还有一个更短的方法来处理文档就绪事件:

$(function(){
  // 调用ready()的处理程序
  });

示例

加载DOM时显示一条消息:

$(document).ready(function(){
  $("p").text("现在已经加载了DOM,可以对其进行操作。");
});
测试看看‹/›

使用较短的语法在加载DOM时显示一条消息:

$(function(){
  $("p").text("现在已经加载了DOM,可以对其进行操作。");
});
测试看看‹/›

使用ready()使函数在文档加载后可用:

$(document).ready(function(){
  $("button").click(function(){
    $("div").slideToggle();
  });
});
测试看看‹/›

参数值

参数描述
function加载文档后执行的功能

jQuery 事件