資源描述：
《jquery的文檔處理程序詳解_jquery》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在工程資料-天天文庫(kù)。
1、jQuery的文檔處理程序詳解木文實(shí)例講述了jQuery的文檔處理程序。分享給大家供大家參考，具體如下：jQuery文檔處理程序所謂的文檔處理程序，是指jQuery中提供的$(document).ready事件，此事件會(huì)在dom加載完畢后觸發(fā)，而window,onlaod和body,onload都是在頁(yè)面完全加載后觸發(fā)。jQuery文檔處理程序介紹在jQuery屮想實(shí)現(xiàn)在DOM加載完畢后的處理邏輯，只需要使用$(document),ready()事件。此事件函數(shù)稱(chēng)為"jQuery文檔處理程序〃?？梢栽陧?yè)面的任何位置，甚至是外部的js文件
2、中，編寫(xiě)如卜?列語(yǔ)句：$(document).ready(function(){alert("document.ready")});則在頁(yè)面的DOM加載完畢后，會(huì)立刻執(zhí)行alert語(yǔ)句。如果頁(yè)面上有大的圖片、js文件等外部資源需要加載，jQuery的文檔處理程序會(huì)在其2前執(zhí)行，而window,onload和boyd.onload是在所冇的資源文件加載完畢后執(zhí)行的。Ready()函數(shù)時(shí)jQuery"事件函數(shù)"中提供的一個(gè)jQuery對(duì)彖函數(shù)，簽名位ready(fn)。fn是ready事件發(fā)生時(shí)執(zhí)彳亍的函數(shù)。因?yàn)槭莏Query對(duì)象函數(shù)，意味
3、著可以在任何jQuery對(duì)象上調(diào)用：$("body").ready(function(){alert("body.ready/z)});上面的語(yǔ)句等同于：$(document)?ready(function(){alert("body.ready")});雖然ready()函數(shù)可以作用在任何jQuery對(duì)象上，但是使用時(shí)*一?定要注意對(duì)象是否具有ready事件。也可以使用〃$(fn)〃這種簡(jiǎn)化的形式:$(function(){????})//等效T$(document).ready(function(){???});同jQuery中所有
4、的事件對(duì)象一樣,$(document).ready事件,會(huì)按照岀現(xiàn)的先后順序執(zhí)行。比如,可以調(diào)用兩次$(document).ready事件：$(document)?ready(function(){alert("document.ready-l^)});$(document)?ready(function(){alert("document.rcady-2，z)});則在DOM加載完畢后，首先輸出〃document,ready-l，z,然后輸出"document.ready-2，z。如果使用傳統(tǒng)的：Window.onload二funct
5、ion(){?????};上面的代碼會(huì)將window,onload原有的事件處理掉，然后綁定新的事件。jQuery文檔處理程序的優(yōu)勢(shì)如果腳本需要在頁(yè)面加載時(shí)執(zhí)行，那么大部分的腳本都口J以放在$(document).ready()事件中。在舉例jQuery文檔處理程序的優(yōu)勢(shì)之前，先看一個(gè)常見(jiàn)的JavaScript編程錯(cuò)誤:dom未加載完成即改變dom模型。在傳統(tǒng)的javascript編程屮。有吋會(huì)在頁(yè)面的頭部或者底部直接插入script模塊并編寫(xiě)代碼，比如下面的例子：
6、L1.0Transitional//EN〃〃http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional?dtd，z>jQueryStorm-常見(jiàn)錯(cuò)誤編程方式舉例7、ody>動(dòng)態(tài)添加的圖層
