Products
GG网络技术分享 2025-03-18 16:17 1
jQuery的ready方法是文档加载完成后执行的一个回调函数。在下面的示例中,我们使用jQuery来控制文档加载完成后触发的事件:
$(document).ready(function(){
// 代码
});
这个回调函数可以简写成:
$(function(){
// 代码
});
当我们使用ready方法时,可以将标记的内容放在回调函数中,在文档加载完成后执行,确保代码不会在文档未完成加载时运行,从而提高代码执行的效率。
在jQuery 3.0版本中,ready方法已被废弃,并使用addEventListener代替。但是,现有代码仍然可以使用该方法。下面是一个使用ready方法的示例:
<!doctype html>
<html>
<head>
<title>Ready Method Example</title>
<script src=\"https://code.jquery.com/jquery-3.6.0.min.js\"></script>
</head>
<body>
<h1>Ready Method Example</h1>
<p id=\"example\" style=\"display:none;\">This is an example using the ready method.</p>
<script>
$(document).ready(function(){
$(\"#example\").show();
});
</script>
</body>
</html>在上面的代码中,我们使用了jQuery的ready方法来显示一个隐式的段落元素。由于我们放置了文档加载完成后的代码,因此文档加载后该段落元素将显示在页面上。
Demand feedback