<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>10.2jQuery的引入</title>
<!--jQuery的引入-->
<script src="../js/jquery-3.1.1.min.js"></script>
<!--jQuery的使用-->
<script>
jQuery(document).ready(function(e) {
alert("jQuery");
console.log("jQuery");
});
//$是jQuery的别名
$(document).ready(function(e) {
alert("jQuery1");
console.log("jQuery1");
});
$(document).ready(function(e) {
alert("jQuery2");
console.log("jQuery2");
});
//$(document).ready()可以简写为$()
//$(参数)，参数可以是一个函数
$(function(){
alert("jQuery可简写成$");
console.log("jQuery可简写成$");
});
//说明$(document).ready()在一个页面中可以多次调用
</script>
<!--了解一下JS中的onload方法-->
<script>
window.onload = function(){
alert("js第一次加载");
console.log("js第一次加载");
};
window.onload = function(){
alert("js第二次加载");
console.log("js第二次加载");
};
window.onload = function(){
alert("js第三次加载");
console.log("js第三次加载");
};
//说明：onload在一个页面中只能加载一次，只有最后一个生效
</script>
<!--
window.onload与$(document).ready()都是在DOM文档树加载完毕执行一个函数
window.onload在一个页面中只能调用一次，且只有排在最后一个生效
$(document).ready()在一个页面中能够被多次调用
window.onload是在DOM文档树加载完和所有文件加载完之后执行一个函数
$(document).ready()是在DOM结构绘制完毕后就执行
-->
</head>
<body>
</body>
</html>
