jQuery中的$()

最新推荐文章于 2022-04-05 16:46:56 发布

QBjie

最新推荐文章于 2022-04-05 16:46:56 发布

阅读量126

点赞数

本文链接：https://blog.csdn.net/QBjie/article/details/107445655

版权

onload方法可以让网页全部加载完毕（包括图片等），然后再执行包裹代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-1.8.3.js" ></script><br />
		<script>
			function he(){
				$("#je").attr("href","http://www.baidu.com");
			}
		</script>
	</head>
	<body onload="he()">
		<div id="titil" class="zzu">大学</div>
	</body>
</html>

等效于：

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

由于$(document).ready(function () {})；可简写为 $(function(){})；它们只需要等待页面中的DOM结构加载完毕，就能执行包裹的代码。

则：

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