jQuery预加载事件（ready）

aqzengkuasheng

已于 2022-02-18 12:07:34 修改

阅读量475

点赞数

分类专栏： js 文章标签： jquery javascript 前端

于 2022-02-18 12:07:18 首次发布

本文链接：https://blog.youkuaiyun.com/aqzengkuasheng/article/details/123000431

版权

js 专栏收录该内容

17 篇文章

订阅专栏

本文详细介绍了jQuery中的预加载事件——ready事件，它用于在DOM元素加载完成后执行指定的函数。文中通过代码示例展示了ready()函数的使用，包括其简化形式，并通过console.log输出验证了元素加载的顺序。ready()函数可以注册多个，它们会按照注册的顺序依次执行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jQuery的预加载事件就是ready加载事件，ready()类似于 onLoad()事件
ready()可以写多个，按顺序执行
语法为： $document).ready(function(){})等价于$ (function(){})

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="jquery-3.4.1.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			console.log($("#p1"));
			$(document).ready(function(){
				console.log($("#p1"));
			});
			//简化形式
			$(function(){
				console.log($("#p1"));
			});
		</script>
	</head>
	<body>
		<p id="p1">hello</p>
	</body>
</html>