jquery入口文件

原生js入口函数

window.onload = function () {
    //代码
}

原生js函数入口函数是在文档加载完毕，而且图片资源加载完毕才开始执行

---

jquery入口函数

//第一种
$(document).ready(function () {
    //代码
})

//第二种
$(function () {
    //代码
});

//第三种
$(window).ready(function () {
    //代码
})

jquery的入口函数会在文档完毕，图片不加载就开始执行，如果操作图片资源，jquery会等待图片加载完毕执行

---

js和jquery入口函数的不同

区别一：个数及事件覆盖问题

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

区别二：执行时机不同

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