首先我解釋一下jQuery jQuery有一個(gè)用來(lái)作為DOM快速載入javascript的得心應(yīng)手的小函數(shù),那就是ready… 他在頁(yè)面加載完成之前執(zhí)行。
為什么不用window.onload(),因?yàn)閣indow.onload函數(shù)執(zhí)行的時(shí)候,要說(shuō)明所有東西已經(jīng)載入,包括圖像和橫幅等等。要知道較大的圖片下載速度會(huì)比較慢,因此用戶必須等待大圖片下載完畢才能看到window.onload()執(zhí)行的代碼效果,這樣就花費(fèi)了很長(zhǎng)的等待時(shí)間,這不是我們想要的。
但是 $(document).ready(fn):當(dāng)DOM載入就緒可以查詢及操縱時(shí)綁定一個(gè)要執(zhí)行的函數(shù)。
這是事件模塊中最重要的一個(gè)函數(shù),因?yàn)樗梢詷O大地提高web應(yīng)用程序的響應(yīng)速度。
簡(jiǎn)單地說(shuō),這個(gè)方法純粹是對(duì)向window.load事件注冊(cè)事件的替代方法。通過(guò)使用這個(gè)方法,可以在DOM載入就緒能夠讀取并操縱時(shí)立即調(diào)用你所綁定的函數(shù). $(document).ready(function(){ // 你的代碼 });
$(document)意思是說(shuō),獲取整個(gè)網(wǎng)頁(yè)文檔對(duì)象(類似的于window.document),
$(document).ready意思就是說(shuō),獲取文檔對(duì)象就緒的時(shí)候。上面這段代碼的意思是檢查文檔對(duì)象直到它能夠允許被操作(譯者注:這樣做比window.onload()函數(shù)要快的多,因?yàn)橹灰臋n對(duì)象載入完成就能夠執(zhí)行代碼了,而不需要等待頁(yè)面中的圖片下載是否已經(jīng)完成)---這是我們想要的。
更多信息請(qǐng)查看IT技術(shù)專欄