原生js的入口函数和jQuery的入口函数，以及区别

一、原生js的入口函数。

页面上所有内容（包括DOM元素，文本内容，以及图片）加载完毕才会执行函数。

    window.onload = function () {
     
        alert(1);
    }

二、jQuery的入口函数

1、 文档加载完毕（不包含图片等非文字媒体文件），不等图片加载就可以执行这个函数。

 $(document).ready(function () {
     
        alert(1);
    })

2、同上，文档加载完毕（不包含图片等非文字媒体文件），不等图片加载就可以执行这个函数。

  $(function () {
     
        alert(1);
    });

3、文档加载完毕，且图片加载完毕的时候在执行这个函数，与原生js的onload的加载模式一样。

 $(window).ready(function () {
     
        alert(1);
    })

原生js和jQuery的入口函数的最大差别是：

• 原生Js如果编写多个入口函数，后面编写的会覆盖前面编写的；
• JQuery中编写多个入口函数，后面的不会覆盖前面的。