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