jQuery入口函数

1.原生js的入口函数

  <script type="text/javascript">
    // 原生js的入口函数。页面上所有内容加载完毕， 才执行。
    // 不仅要等文本加载完毕， 而且要等图片也加载完毕， 才执行函数。
    window.onload = function () {
      alert("hello");
    }
  </script>

2.jQuery的入口函数-写法一

  <script type="text/javascript">
    // 文档加载完毕， 图片不加载的时候， 就可以执行这个函数。
    $(document).ready(function () {
      alert("hello");
    })
    // 简写
    $(function () {
      alert("hello");
    })
  </script>

3.jQuery的入口函数-写法二

  <script type="text/javascript">
    // 文档加载完毕， 图片也加载完毕的时候， 再执行这个函数。
    $(window).ready(function () {
      alert("hello");
    })
  </script>

4.jquery入口函数和js入口函数的区别

区别一: 书写次数不同

        (1)JS的入口函数只能出现一次，出现多次会存在事件覆盖的问题

        (2)jQuery的入口函数，可以出现任意多次，不会出现事件覆盖的问题

区别二: 执行时机不同

        (1)JS的入口函数是在所有的文件资源加载完成后，才执行。这些文件资源包括：页面文档、外部的JS文件、外部的CSS文件、图片等。

        (2)jQuery的入口函数，是在文档加载完成后就执行。文档加载指的是：DOM树加载完成后，就可以操作DOM了，不用等到所有的外部资源都加载成功。