jQuery中的DOM Ready事件指的是在文檔完全加載并且DOM已經(jīng)被解析出來(lái)后所發(fā)生的事件。這個(gè)事件是等待DOM樹(shù)準(zhǔn)備好之后才觸發(fā),它比window.onload事件更快,因?yàn)閣indow.onload事件需要等到所有網(wǎng)頁(yè)資源(包括圖片和其他文件)被完全加載后才會(huì)觸發(fā)。
在jQuery中,我們可以使用.ready()函數(shù)來(lái)綁定DOM Ready事件。下面是一個(gè)基本的示例:
$(document).ready(function() { // 在這里編寫(xiě)你的JavaScript代碼 });
在這個(gè)示例中,我們使用了jQuery選擇器選擇了整個(gè)文檔,然后調(diào)用.ready()函數(shù)來(lái)綁定DOM Ready事件。當(dāng)DOM樹(shù)準(zhǔn)備好之后,函數(shù)中的JavaScript代碼就會(huì)被執(zhí)行。
你也可以這樣簡(jiǎn)化代碼:
$(function() { // 在這里編寫(xiě)你的JavaScript代碼 });
這種方法與.wait()函數(shù)是等價(jià)的,它們都能夠綁定DOM Ready事件。如果你只需要等待document對(duì)象準(zhǔn)備好,那么這種方法是最簡(jiǎn)潔和最常用的。
注意:在jQuery 3.0之后,對(duì)于.ready()函數(shù)的調(diào)用已經(jīng)被廢棄了,因?yàn)閖Query已經(jīng)默認(rèn)會(huì)等待文檔準(zhǔn)備好之后再執(zhí)行代碼。所以在新的jQuery版本中,你可以直接使用下面這個(gè)語(yǔ)句:
$(function() { // 在這里編寫(xiě)你的JavaScript代碼 });
這樣做既簡(jiǎn)單又沒(méi)有副作用,所以推薦使用這種方法。