普及一下js和jQuery的初始化載入方法：

1、jQuery 頁面載入初始化的方法有3種 ，頁面在載入的時候都會執行指令碼, 

jquery和js初始化載入頁面的區別： 

Jquery：等待頁面載入完資料，以及頁面部分元素（不包括圖片、視訊）， 

js：是頁面全部載入完成才執行初始化載入。

Jquery頁面載入完成有兩種事件:

一是ready，表示文件結構已經載入完成（不包含圖片等非文字媒體檔案），

二是onload，指示頁 麵包含圖片等檔案在內的所有元素都載入完成。(可以說：ready 在onload 前載入！！！)

一般樣式控制的，比如圖片大小控制放在onload 裡面載入; 

通常Jquery寫法如下：

程式碼如下：

$(function(){ 
// do something 
}); 

其實上面就是jq ready()寫法：

程式碼如下：

$(document).ready(function(){ 
//do something 
}) 

也等於下面這個方法，jQuer的預設引數是：“document”； 

程式碼如下：

$().ready(function(){ 
//do something 
}) 

詳細時間比較：

        window.onload必須等到頁面內包括圖片的所有元素載入完畢後才能執行。 
        $(document).ready()是DOM結構繪製完畢後就執行，不必等到載入完畢。

詳細時間比較：

         window.onload不能同時編寫多個，如果有多個window.onload方法，只會執行一個 
         $(document).ready()可以同時編寫多個，並且都可以得到執行 

3.簡化寫法

         window.onload沒有簡化寫法 
         $(document).ready(function(){})可以簡寫成$(function(){});

本文為原創文章，轉載請保留原出處，方便溯源，如有錯誤地方，謝謝指正。