一、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>
