Front-end——jQuery入口函数及$解释_$(function) 入口函数-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_42067873/article/details/112552894

博客主要介绍了jQuery相关知识。一是jQuery入口函数和window.onload入口函数的区别，jQuery入口函数可写多个且执行时机更快，前者等DOM树加载完执行，后者等所有资源加载完执行；二是对jQuery中 $ 符号的解释，$ 和jQuery等价，是给window对象添加的属性，为自执行函数。

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

一、jQuery的入口函数

//两种写法：
//1、
$(document).ready(function(){})
//2、
$(function(){})

1、jQuery入口函数和window.onload入口函数的区别

window.onload入口函数不能写多个，但是jQuery的入口函数是可以写多个的
执行时机不同，jQuery入口函数执行时机要快于window.onload入口函数。因为jQuery入口函数要等待页面上的DOM树加载完后执行；window.onload入口函数要等待页面上所有的资源（DOM树 / 外部CSS/js连接，图片）都加载完毕执行

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="js/jquery-3.5.1.min.js"></script>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
		</style>
	</head>
	<body>
		<script>
			$(document).ready(function(){
				alert("我是第一个入口函数")
			})
			
			$(function(){
				alert("我是另一个入口函数")
			})
		</script>
	</body>
</html>

二、jQuery中 $ 符号的解释

1、$ 是什么？

jQuery是一个自执行函数。引入一个js文件，是会执行js文件中的代码的。
执行jQuery文件中的代码，其实就是执行jQuery这个自执行函数
这个自执行文件就是给window对象添加一个jQuery属性和 $ 属性
$ 和 jQuery是等价的，是一个函数

2、jQuery 和 $ 是一回事验证

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="js/jquery-3.5.1.min.js"></script>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
		</style>
	</head>
	<body>
		<script>
			$(function(){
				console.log(window.jQuery === window.$)
			})
		</script>
	</body>
</html>