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 | 加载文档后执行的功能 |