1. 需要引入jQuery文件

  2. 入口函数的标准

    • <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>