jQuery的ready()方法是一种jQuery特有的异步执行方法，它确保了在文档完全加载并解析完毕后才会执行指定的代码，从而防止出现函数执行时文档仍未完全加载完毕所导致的错误。
语法
```Javascript
$(document).ready(function() {
//这里插入的代码只有在文档加载完毕后才会被执行
});
ready()方法可以简化为：
```Javascript
$(function() {
//这里插入的代码只有在文档加载完毕后才会被执行
});
实例说明
实例 1：alert()
<!DOCTYPE html>
<html>
<head>
<script src="//cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<meta charset="utf-8">
<title>Test jQuery Ready()</title>
</head>
<body>
<p>当文档总体完全加载后显示此内容</p>
<script>
alert("页面加载结束!")
</script>
<p>这是另一段内容</p>
</body>
</html>
在这个示例中，alert()方法将在所有内容加载完毕之前被执行，导致弹窗信息不会按照预期显示，但如果使用ready()方法，则可以确保弹窗在文档加载完毕后才显示：
<!DOCTYPE html>
<html>
<head>
<script src="//cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<meta charset="utf-8">
<title>Test jQuery Ready()</title>
</head>
<body>
<p>当文档总体完全加载后显示此内容</p>
<script>
$(document).ready(function(){
alert("页面加载结束!");
});
</script>
<p>这是另一段内容</p>
</body>
</html>
实例 2：打印时间
在这个示例中，我们将利用ready()方法在文档加载完成后自动执行代码段，输出当前时间戳：
<!DOCTYPE html>
<html>
<head>
<script src="//cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<meta charset="utf-8">
<title>Test jQuery Ready()</title>
</head>
<body>
<p>这里将显示时间戳</p>
<script>
$(document).ready(function(){
var timeStamp = Date.now();
$("p").html("当前时间戳：" + timeStamp);
});
</script>
</body>
</html>
在这个示例中，ready()方法可以保证文档正常加载完毕后才会执行显示时间戳的代码，确保代码表现和逻辑的正确性。
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：jQuery ready()方法 - Python技术站
微信扫一扫 
支付宝扫一扫 