• 原生js，入口函数。页面上所有内容加载完毕，才会执行。不仅文本加载完毕，而且图片也要加载完毕，在执行函数。

window.onload = function () {

 }

• jquery的入口函数。文档加载完毕，图片不加载的时候就可以执行这个函数。

   $(document).ready(function () {
  
  })

  • jquery的入口函数。文档加载完毕，图片不加载的时候就可以执行这个函数。

  $(function () {
  
  });

• jquery的入口函数。文档加载完毕，图片也加载完毕的时候在执行这个函数。

   $(window).ready(function () {
  
  })

• jQuery入口函数与js入口函数的区别

  • 书写个数不同

    • Js入口函数只能出现一次，出现多次会存在事件覆盖的问题。
    • jQuery的入口函数，可以出现任意多次，并不会存在事件覆盖问题。

  • 执行时机不同

    • Js入口函数是在所有的文件资源加载完成后，才执行。这些文件资源包括：页面文档、外部的js文件、外部的css文件、图片等。
    • jQuery的入口函数，是在文档加载完成后，就执行。文档加载完成指的是：DOM树加载完成后，就可以操作DOM了，不用等到所有的外部资源都加载完成。
  • 文档加载的顺序：从上往下，边解析边执行。

注意：jQuery函数跟$函数的关系：jQuery ===$;