-
需要引入jQuery文件
-
入口函数的标准
- 在
<head> </head>
标签中,jQuery入口函数必须要写,在<body> </body>
可以不写,写上入口函数后不论放在哪个标签下都能去执行。一般建议在body标签中写入口函数,就是为了等页面加载完成后才执行入口函数。
- 在
案例:
- js的入口函数执行要比jQuery的入口函数执行得晚一些。
- jquery的入口函数会等待页面的加载完成才执行,但是不会等待图片的加载。
- js的入口函数会等待页面加载完成,并且等待图片加载完成才开始执行
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<img src="http://img.daimg.com/uploads/allimg/160324/1-160324232117.jpg">
<img src="http://img.daimg.com/uploads/allimg/160318/1-16031P01P0.jpg">
<img src="http://img.daimg.com/uploads/allimg/160318/1-16031P01332.jpg">
<img src="http://img.daimg.com/uploads/allimg/160608/1-16060R35630.jpg" alt="">
<img src="http://img.daimg.com/uploads/allimg/160531/1-160531224303.jpg" alt="">
<script src="jquery-1.12.4.js"></script>
<script>
//js的入口函数执行要比jQuery的入口函数执行得晚一些。
//jq的入口函数会等待页面的加载完成才执行,但是不会等待图片的加载。
//js的入口函数会等待页面加载完成,并且等待图片加载完成才开始执行。
window.onload = function () {
console.log("这是js的入口函数");
};
//认识
$(document).ready(function () {
console.log("这是jQuery入口函数的第一种写法");
});
$(function () {
console.log("这是jQuery入口函数的第二种写法");
});
</script>
</body>
</html>