要在jQuery中实现在页面加载完成后执行某个方法的功能，需要使用jQuery的ready()方法。该方法会在文档树构建完成后（即页面加载完成后）被触发，实现调用对应的函数的目的。
以下是使用.ready()方法的两个示例：
示例一
<!DOCTYPE html>
<html>
<head>
<title>示例一：使用jQuery.ready()</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<div id="content"></div>
<script>
$(document).ready(function(){
$("#content").html("<h1>Hello World!</h1>");
});
</script>
</body>
</html>
上述代码在页面加载完成后会执行.ready()中传入的匿名函数，该函数会将一个h1标签插入到id为content的div标签中。因为在文档树构建之前，jQuery需要先加载，所以需要在
标签中引入jQuery的CDN地址来保证jQuery的正常使用。示例二
<!DOCTYPE html>
<html>
<head>
<title>示例二：使用jQuery.ready()</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<div id="content"></div>
<script>
function pageLoaded(){
$("#content").html("<h1>Hello World!</h1>");
}
$(document).ready(pageLoaded);
</script>
</body>
</html>
上述代码中，在.ready()方法中传入的是一个已经存在的函数pageLoaded()来处理页面加载完成后的任务。当文档树构建完成后，jQuery会触发该函数达到调用对应函数的目的。
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：jquery中在页面加载完成后执行某个方法 - Python技术站
微信扫一扫 
支付宝扫一扫 