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了，不用等到所有的外部資源都加載完成。