jQuery入口函数的写法

  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>
posted @ 2019-10-25 15:23  兮动人  阅读(62)  评论(0)  编辑  收藏  举报