HTML——jQuery中的$()_html中的$-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_44687512/article/details/107490486

本文介绍了jQuery中的$()函数，它用于在HTML文档加载完成后执行指定的函数，确保DOM已经准备就绪。$()通常用来替代onload事件，简化页面加载后的操作。

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

1、因为执行scrip是，下面的页面还没有加载，所以需要添加onload

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-1.8.3.js" ></script>
		<script>
			function t(){
				$("#logo").attr("href","http://www.baidu.com");
			}
		</script>
	</head>
	<body onload="t()">
		<a id="logo">baidu</a>
	</body>
</html>

2、

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-1.8.3.js" ></script>
		<script>
			$(function(){
				$("#logo").attr("href","http://www.baidu.com");
			});
		</script>
	</head>
	<body>
		<a id="logo">baidu</a>
	</body>
</html>

3、ready：HTML文档加载完成之后，浏览器执行fn函数，简写为$()；

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-1.8.3.js" ></script>
		<script>
			$(document).ready(function(){
				$("#logo").attr("href","http://www.baidu.com");
			});
		</script>
	</head>
	<body>
		<a id="logo">baidu</a>
	</body>
</html>