jQuery中$(document).ready()的作用類似于傳統(tǒng)JavaScript中的window.onload方法感局,不過與window.onload方法還是有區(qū)別的姊氓。
1.執(zhí)行時(shí)間
window.onload必須等到頁面內(nèi)包括圖片的所有元素加載完畢后才能執(zhí)行。
$(document).ready()是DOM結(jié)構(gòu)繪制完畢后就執(zhí)行,不必等到加載完畢。
2.編寫個(gè)數(shù)不同
window.onload不能同時(shí)編寫多個(gè)待秃,如果有多個(gè)window.onload方法,只會(huì)執(zhí)行一個(gè)
$(document).ready()可以同時(shí)編寫多個(gè)痹屹,并且都可以得到執(zhí)行
3.簡化寫法
window.onload沒有簡化寫法
$(document).ready(function(){})可以簡寫成$(function(){});
以 瀏覽器裝載文檔為例章郁,在頁面加載完畢后,瀏覽器會(huì)通過 Javascript 為 DOM 元素添加事件。在常規(guī)的 Javascript 代碼中暖庄,通常使用 window.onload 方法聊替,而在 Jquery 中,使用的是 $(document).ready() 方法培廓。 $(document).ready() 方法是事件模塊中最重要一個(gè)函數(shù)惹悄,可以極大的提高 Web 應(yīng)用程序的速度。