jQuery實(shí)用教程總結(jié)

JQueryjQuery是一個(gè)“寫的更少，但做的更多”的輕量級(jí)JavaScript庫。通過jQuery，您可以選取（查詢，query）HTML元素，并對(duì)它們執(zhí)行“操作”（actions）?；A(chǔ)語法是：$(selector).action()美元符號(hào)定義jQuery選擇符（selector）“查詢”和“查找”HTML元素jQueryaction()執(zhí)行對(duì)元素的操作如：$(document).ready(function(){$("p").click(function(){$(this).hide();});});<p>Ifyouclickonme,Iwilldisappear.</p>$(document).ready()等同于jQuery(document).ready()等同于js中的onload()方法JQuery選擇器JQuery選擇器完全繼承了CSS風(fēng)格，可以非常快捷的找出特定DOM元素，然后添加相應(yīng)行為。JQuery選擇器獲取的永遠(yuǎn)是對(duì)象，即使沒有此元素也不會(huì)報(bào)錯(cuò)，因此當(dāng)要用JQuery檢查某個(gè)元素在網(wǎng)頁是否存在時(shí)，要用長(zhǎng)度或轉(zhuǎn)換為DOM對(duì)象進(jìn)行判斷，如：錯(cuò)誤：If($(“#tt“)){}應(yīng)該這樣：if($(“#tt”).length>0){….}或者if($(“#tt”)[0]){…}基本選擇器選擇器描述返回示例#id選擇匹配ID的元素單個(gè)元素$(“test”)取Id為test的元素.class選擇給定類名的元素集合元素$(“.test”)取所有class為test的元素Element選擇給定元素名的元素集合元素$(“P”)取所有<p>元素*匹配所有元素集合元素略Selector1,selector2,…,selectorN將每個(gè)選擇器匹配的元素合并后一起返回集合元素$(“div,span,p.myclass“)選擇所有<div>,<span>和擁有class為myclass的<p>標(biāo)簽的一組元素層級(jí)選擇器選擇器描述返回示例$(“ancestordescendant”)選擇ancestor元素里的所有descendant（后代）元素集合元素$(“divspan”)選擇div里的所有span元素$(“parent>child”)選擇parent元素下的child元素集合元素$(“div>span”)取div下元素名是<span>的子元素$(“prev+next“)或$(“prev”).next()取prev元素后的next元素集合元素$(“.one+div”)或$(“.one”).next(“div”)取class為one的下一個(gè)div元素$(“prev~siblings”)或$(“prev”).nextAll();取prev元素后的所有siblings元素集合元素$(“#two~div”)取id為two元素后面的所有div兄弟元素$(“prev”).nextAll(“div”)$(“prev”).siblings()取prev元素的所有同輩元素集合元素$(“#prev”).siblings(“div”)取所有與prev同輩的元素，無論前后位置過濾選擇器基本選擇器描述返回示例Element:first選擇第一個(gè)元素單個(gè)元素$(“div:first”)取所有div中第1個(gè)div元素Element:last選擇最后一個(gè)元素單個(gè)元素$(“div:last”)所有div中最后一個(gè)div元素Element:not(selector)去除與給定選擇器匹配的元素集合元素$(“input:not(.myclass)”)選取class不是myclass的input元素Element:even取索引是偶數(shù)的元素集合元素$(“input:even”)取索引是偶數(shù)的input元素Element:odd選擇索引是奇數(shù)的元素集合元素$(“input:odd”)Element:eq(index)取索引等于index的元素單個(gè)元素$(“input:eq(1)”)索引等于1的元素Element:gt(index)取索引大于index的元素索引都從0開始計(jì)算集合元素$(“input:gt(1)”)取索引大于1而不包括1的元素Element:lt(index)取索引小于index的元素集合元素$(“input:lt(1)”):header取所有標(biāo)題元素集合元素$(“:header”)Element:animated取當(dāng)前正在執(zhí)行動(dòng)畫的所有元素集合元素$(“div:animated”)取正在執(zhí)行動(dòng)畫的div元素內(nèi)容過濾Element:contains(text)取內(nèi)容為text的元素集合元素$(“div:contains(‘我’)”)Element:empty取不包含子元素或文本的空元素集合元素$(“div:empty”)Element:has(selector)取含有選擇器所匹配的元素的元素集合元素$(“div:has(p)”)取含有<p>元素的<div>元素Element:parent取含有子元素或文本的元素，與empty相反集合元素$(“div:parent”)注意與parent()方法的區(qū)別可見過濾Element:hidden取所有不可見元素集合元素$(“:hidden”)包括hiden和noneElement:visible取所有可見元素集合元素$(“div:visible”)屬性過濾器描述返回示例Element[attribute]取有此屬性的元素集合元素$(“div[id]”)取有id屬性的元素Element[attribute=value]取屬性值為value的元素集合元素$(“div[title=test]”)Element[attribute!=value]取值不等于value的元素集合元素$(“div[title!=test]”)Element[attribute^=value]取值以value開始的元素集合元素$(“div[title^=test]”)Element[attribute$=value]取值以value結(jié)束的元素集合元素略Element[attribute*=value]取值含有value的元素集合元素略Element[slector1][selector2]…..用屬性選擇器合并成一個(gè)復(fù)合屬性選擇器集合元素$(“div[id][title$=’test’]取有屬性id且屬性title以test結(jié)束的<div>元素子元素過濾$("Element:nth-child(index)")取每個(gè)父元素下第index個(gè)子元素或奇偶元素，index從1開始,而eq函數(shù)eq（index）從0開始集合元素┣━:nth-child(even)偶數(shù)┣━:nth-child(odd)奇數(shù)┣━:nth-child(3n)表達(dá)式┣━:nth-child(2)索引┣━:nth-child(3n+1)表達(dá)式┗━:nth-child(3n+2)表達(dá)式Element:first-child取父元素下第1個(gè)子元素集合元素注意與:first的區(qū)別Element:last-child取每個(gè)父元素的最后一個(gè)子元素集合元素注意與:last的區(qū)別Element:only-child如果某個(gè)元素是它父元素的中的惟一子元素，則匹配集合元素$(“ulli:only-child”)選擇<ul>中是惟一子元素的<li>表單屬性過濾Element:enabled取所有可用元素集合元素$(“#form1:enabled”)取id為form1的表單內(nèi)的所有可用元素Element:disabled取所有不可用元素集合元素略Element:checked取所有被選中的元素集合元素$(“input:checked”)Element:selected取所有被選中的選項(xiàng)元素（下拉列表）集合元素$(“select:selected”)表單選擇器選擇器描述返回示例:input所有的<input><textarea><select>和<button>元素集合元素$(“:input”):text取所有單行文本框集合元素$(“:text”):password取所有密碼框集合元素略:radio取所有單選框集合元素略:checkbox取所有多選框集合元素略:submit取所有提交按鈕集合元素:image取所有圖像按鈕集合元素:reset取所有按鈕集合元素:file取所有上傳域集合元素:hidden取所有不可見元素集合元素DOM操作對(duì)象操作jQuery遍歷函數(shù)包括了用于篩選、查找和串聯(lián)元素的方法。函數(shù)描述\o"jQuery遍歷-add()方法".add()將元素添加到匹配元素的集合中。\o"jQuery遍歷-andSelf()方法".andSelf()把堆棧中之前的元素集添加到當(dāng)前集合中。\o"jQuery遍歷-children()方法".children()獲得匹配元素集合中每個(gè)元素的所有子元素。\o"jQuery遍歷-closest()方法".closest()從元素本身開始，逐級(jí)向上級(jí)元素匹配，并返回最先匹配的祖先元素。\o"jQuery遍歷-contents()方法".contents()獲得匹配元素集合中每個(gè)元素的子元素，包括文本和注釋節(jié)點(diǎn)。\o"jQuery遍歷-each()方法".each()對(duì)jQuery對(duì)象進(jìn)行迭代，為每個(gè)匹配元素執(zhí)行函數(shù)。\o"jQuery遍歷-end()方法".end()結(jié)束當(dāng)前鏈中最近的一次篩選操作，并將匹配元素集合返回到前一次的狀態(tài)。\o"jQuery遍歷-eq()方法".eq()將匹配元素集合縮減為位于指定索引的新元素。\o"jQuery遍歷-filter()方法".filter()將匹配元素集合縮減為匹配選擇器或匹配函數(shù)返回值的新元素。\o"jQuery遍歷-find()方法".find()獲得當(dāng)前匹配元素集合中每個(gè)元素的后代，由選擇器進(jìn)行篩選。\o"jQuery遍歷-first()方法".first()將匹配元素集合縮減為集合中的第一個(gè)元素。\o"jQuery遍歷-has()方法".has()將匹配元素集合縮減為包含特定元素的后代的集合。\o"jQuery遍歷-is()方法".is()根據(jù)選擇器檢查當(dāng)前匹配元素集合，如果存在至少一個(gè)匹配元素，則返回true。\o"jQuery遍歷-last()方法".last()將匹配元素集合縮減為集合中的最后一個(gè)元素。\o"jQuery遍歷-map()方法".map()把當(dāng)前匹配集合中的每個(gè)元素傳遞給函數(shù)，產(chǎn)生包含返回值的新jQuery對(duì)象。\o"jQuery遍歷-next()方法".next()獲得匹配元素集合中每個(gè)元素緊鄰的同輩元素。\o"jQuery遍歷-nextAll()方法".nextAll()獲得匹配元素集合中每個(gè)元素之后的所有同輩元素，由選擇器進(jìn)行篩選（可選）。\o"jQuery遍歷-nextUntil()方法".nextUntil()獲得每個(gè)元素之后所有的同輩元素，直到遇到匹配選擇器的元素為止。\o"jQuery遍歷-not()方法".not()從匹配元素集合中刪除元素。\o"jQuery遍歷-offsetParent()方法".offsetParent()獲得用于定位的第一個(gè)父元素。\o"jQuery遍歷-parent()方法".parent()獲得當(dāng)前匹配元素集合中每個(gè)元素的父元素，由選擇器篩選（可選）。\o"jQuery遍歷-parents()方法".parents()獲得當(dāng)前匹配元素集合中每個(gè)元素的祖先元素，由選擇器篩選（可選）。\o"jQuery遍歷-parentsUntil()方法".parentsUntil()獲得當(dāng)前匹配元素集合中每個(gè)元素的祖先元素，直到遇到匹配選擇器的元素為止。\o"jQuery遍歷-prev()方法".prev()獲得匹配元素集合中每個(gè)元素緊鄰的前一個(gè)同輩元素，由選擇器篩選（可選）。\o"jQuery遍歷-prevAll()方法".prevAll()獲得匹配元素集合中每個(gè)元素之前的所有同輩元素，由選擇器進(jìn)行篩選（可選）。\o"jQuery遍歷-prevUntil()方法".prevUntil()獲得每個(gè)元素之前所有的同輩元素，直到遇到匹配選擇器的元素為止。\o"jQuery遍歷-siblings()方法".siblings()獲得匹配元素集合中所有元素的同輩元素，由選擇器篩選（可選）。\o"jQuery遍歷-slice()方法".slice()將匹配元素集合縮減為指定范圍的子集。屬性操作下面列出的這些方法獲得或設(shè)置元素的DOM屬性。這些方法對(duì)于XML文檔和HTML文檔均是適用的，除了：html()。方法描述\o"jQueryHTML-attr()方法"attr()設(shè)置或返回匹配元素的屬性和值。\o"jQueryHTML-removeAttr()方法"removeAttr()從所有匹配的元素中移除指定的屬性。\o"jQueryHTML-html()方法"html()設(shè)置或返回匹配的元素集合中的HTML內(nèi)容。\o"jQueryHTML-text()方法"text()設(shè)置或返回匹配元素的內(nèi)容。\o"jQueryHTML-val()方法"val()設(shè)置或返回匹配元素的值。文本操作方法描述\o"jQueryHTML-after()方法"after()在匹配的元素之后插入內(nèi)容。\o"jQueryHTML-append()方法"append()向匹配元素集合中的每個(gè)元素結(jié)尾插入由參數(shù)指定的內(nèi)容。\o"jQueryHTML-appendTo()方法"appendTo()向目標(biāo)結(jié)尾插入匹配元素集合中的每個(gè)元素。\o"jQueryHTML-before()方法"before()在每個(gè)匹配的元素之前插入內(nèi)容。\o"jQueryHTML-clone()方法"clone()創(chuàng)建匹配元素集合的副本。\o"jQueryHTML-detach()方法"detach()從DOM中移除匹配元素集合。\o"jQueryHTML-empty()方法"empty()刪除匹配的元素集合中所有的子節(jié)點(diǎn)。\o"jQueryHTML-insertAfter()方法"insertAfter()把匹配的元素插入到另一個(gè)指定的元素集合的后面。\o"jQueryHTML-insertBefore()方法"insertBefore()把匹配的元素插入到另一個(gè)指定的元素集合的前面。\o"jQueryHTML-prepend()方法"prepend()向匹配元素集合中的每個(gè)元素開頭插入由參數(shù)指定的內(nèi)容。\o"jQueryHTML-prependTo()方法"prependTo()向目標(biāo)開頭插入匹配元素集合中的每個(gè)元素。\o"jQueryHTML-remove()方法"remove()移除所有匹配的元素。\o"jQueryHTML-replaceAll()方法"replaceAll()用匹配的元素替換所有匹配到的元素。\o"jQueryHTML-replaceWith()方法"replaceWith()用新內(nèi)容替換匹配的元素。\o"jQueryHTML-unwrap()方法"unwrap()移除并替換指定元素的父元素。\o"jQueryHTML-wrap()方法"wrap()把匹配的元素用指定的內(nèi)容或元素包裹起來。\o"jQueryHTML-wrapAll()方法"wrapAll()把所有匹配的元素用指定的內(nèi)容或元素包裹起來。\o"jQueryHTML-wrapinner()方法"wrapinner()將每一個(gè)匹配的元素的子內(nèi)容用指定的內(nèi)容或元素包裹起來。樣式操作面列出的這些方法設(shè)置或返回元素的CSS相關(guān)屬性。CSS屬性描述\o"jQueryCSS操作-css()方法"css()設(shè)置或返回匹配元素的樣式屬性。\o"jQueryHTML-addClass()方法"addClass()向匹配的元素添加指定的類名。\o"jQueryHTML-hasClass()方法"hasClass()檢查匹配的元素是否擁有指定的類。\o"jQueryHTML-removeClass()方法"removeClass()從所有匹配的元素中刪除全部或者指定的類。\o"jQueryHTML-toggleClass()方法"toggleClass()從匹配的元素中添加或刪除一個(gè)類。\o"jQueryCSS操作-height()方法"height()設(shè)置或返回匹配元素的高度。\o"jQueryCSS操作-offset()方法"offset()返回第一個(gè)匹配元素相對(duì)于文檔的位置。\o"jQueryCSS操作-offsetParent()方法"offsetParent()返回最近的定位祖先元素。\o"jQueryCSS操作-position()方法"position()返回第一個(gè)匹配元素相對(duì)于父元素的位置。\o"jQueryCSS操作-scrollLeft()方法"scrollLeft()設(shè)置或返回匹配元素相對(duì)滾動(dòng)條左側(cè)的偏移。\o"jQueryCSS操作-scrollTop()方法"scrollTop()設(shè)置或返回匹配元素相對(duì)滾動(dòng)條頂部的偏移。\o"jQueryCSS操作-width()方法"width()設(shè)置或返回匹配元素的寬度。動(dòng)畫操作方法描述\o"jQuery效果-animate()方法"animate()對(duì)被選元素應(yīng)用“自定義”的動(dòng)畫\o"jQuery效果-clearQueue()方法"clearQueue()對(duì)被選元素移除所有排隊(duì)的函數(shù)（仍未運(yùn)行的）delay()對(duì)被選元素的所有排隊(duì)函數(shù)（仍未運(yùn)行）設(shè)置延遲dequeue()運(yùn)行被選元素的下一個(gè)排隊(duì)函數(shù)\o"jQuery效果-fadeIn()方法"fadeIn()逐漸改變被選元素的不透明度，從隱藏到可見\o"jQuery效果-fadeOut()方法"fadeOut()逐漸改變被選元素的不透明度，從可見到隱藏\o"jQuery效果-fadeTo()方法"fadeTo()把被選元素逐漸改變至給定的不透明度\o"jQuery效果-hide()方法"hide()隱藏被選的元素queue()顯示被選元素的排隊(duì)函數(shù)\o"jQuery效果-show()方法"show()顯示被選的元素\o"jQuery效果-slideDown()方法"slideDown()通過調(diào)整高度來滑動(dòng)顯示被選元素\o"jQuery效果-slideToggle()方法"slideToggle()對(duì)被選元素進(jìn)行滑動(dòng)隱藏和滑動(dòng)顯示的切換\o"jQuery效果-slideUp()方法"slideUp()通過調(diào)整高度來滑動(dòng)隱藏被選元素\o"jQuery效果-stop()方法"stop()停止在被選元素上運(yùn)行動(dòng)畫\o"jQuery效果-toggle()方法"toggle()對(duì)被選元素進(jìn)行隱藏和顯示的切換對(duì)象數(shù)組操作$.each(object,function)object填寫數(shù)組對(duì)象，function是遍歷后的回調(diào)函數(shù)$.eachnd(boolean,object1,object2,[objectN])boolean布爾值(true/false)。object與function為必填項(xiàng)，此方法主要用于合并兩個(gè)數(shù)組，相同的下標(biāo)將有第二個(gè)數(shù)組對(duì)象中的值替換第一個(gè)數(shù)組對(duì)象中相同位置的內(nèi)容$.grep(array,function,boolean)array填寫數(shù)組，function是遍歷后的回調(diào)函數(shù),boolean設(shè)置為true則從數(shù)組中排除function中符合條件的選項(xiàng)。$.makeArray(object)將【類】數(shù)組對(duì)象轉(zhuǎn)換為數(shù)組對(duì)象$.map(array,function(i))將array:數(shù)組通過function:回調(diào)函數(shù)根據(jù)條件轉(zhuǎn)換為一個(gè)新數(shù)組$.inArray(value,array)value:用于在數(shù)組中查找是否存在的條件，array待查找的數(shù)組$.toArray()把jQuery集合中所有的DOM元素轉(zhuǎn)換成一個(gè)數(shù)組$.merge(object1,object2)此方法主要用于合并兩個(gè)數(shù)組，相同的下標(biāo)不會(huì)被替換$.unique(array)刪除數(shù)組中重復(fù)元素。只處理刪除DOM元素?cái)?shù)組，而不能處理字符串或者數(shù)字?jǐn)?shù)組。$.parseJSON(json)解析一個(gè)【標(biāo)準(zhǔn)的】JSON字符串，詳見案例。事件綁定事件$("Element").bind("type",[data],function)表示為某一個(gè)元素綁定特定的事件

type:事件類型

data：返回類型（可選）

function:普通的js方法或者jQuery方法

$("Element").live("type",function)表示為某一個(gè)元素綁定特定的事件,推薦使用此方法代替上面的bind$("Element").unbind([type],function)與bind方法相反，刪除匹配的元素所綁定的某個(gè)特定的事件

type:事件類型（可選）

function：反綁定的事件處理函數(shù)（可選）

如果以上參數(shù)均無，則表示將所匹配元素的所有事件取消綁定

$("Element").die("type",function)

[quote]表示為某一個(gè)元素解除特定的事件,推薦使用此方法代替上面的unbind$("Element").one("type",[data],function)表示為某一個(gè)元素綁定一次性的特定事件

type:事件類型

data：返回類型（可選）

function:普通的js方法或者jQuery方法

此方法看似與bind相似，使用方法亦是如此，但是功能差距很大，因?yàn)檫@個(gè)事件是一次性的，如果在一個(gè)頁面中不刷新，綁定的這個(gè)事件只能使用一次。$("Element").trigger("type",[data])在每個(gè)匹配的元素上綁定某類事件

type:事件類型

data：附加參數(shù)（可選）

比如

$("form:first").trigger("submit")表示頁面中的第一個(gè)form表單提交。我們知道一般將按鈕放在form中，點(diǎn)擊此按鈕才會(huì)提交他所在的form表單，如果使用此方法，即使按鈕在表單區(qū)域之外，也同樣會(huì)使其提交。另外如果這個(gè)按鈕有瀏覽器默認(rèn)的事件，它也會(huì)執(zhí)行，你設(shè)置的事件也會(huì)執(zhí)行。如果要阻止默認(rèn)事件，那么此方法返回false或者使用下面的的方法都可。$("Element").triggerHandler("type",[data])在每個(gè)匹配的元素上綁定某類事件,但不會(huì)執(zhí)行瀏覽器默認(rèn)的事件

type:事件類型

data：返回類型（可選）

使用方法如上，不同的是不會(huì)執(zhí)行瀏覽器默認(rèn)事件鼠標(biāo)鍵盤事件$("Element").hover(over,out)模擬鼠標(biāo)懸停的事件，當(dāng)鼠標(biāo)移入移出選定元素的時(shí)候分別觸發(fā)over和out事件。

參數(shù)：over：functionout：function$("Element").toggle(function,function)與上面的方法雷同，當(dāng)鼠標(biāo)第一次點(diǎn)擊的時(shí)候觸發(fā)前者，當(dāng)鼠標(biāo)第二次點(diǎn)擊的時(shí)候觸發(fā)后者。

鼠標(biāo)單擊：$("Element").click(function)當(dāng)鼠標(biāo)點(diǎn)擊的時(shí)候觸發(fā)，具體的應(yīng)用方法我想不用具體講解了。因?yàn)榇蠹铱戳宋疫^去的所寫的案例就已經(jīng)有數(shù)了。鼠標(biāo)雙擊：

$("Element").dblclick(function)與鼠標(biāo)單擊一樣，只不過這個(gè)是鼠標(biāo)雙擊事件。也就是說只有鼠標(biāo)在選定的元素上雙擊才會(huì)觸發(fā)此事件。dbl是Double的縮寫。

鼠標(biāo)點(diǎn)擊前后：

$("Element").mousedown(function)當(dāng)鼠標(biāo)點(diǎn)擊后觸發(fā)，從表面上看類似click事件，其實(shí)有本質(zhì)上的區(qū)別。$("Element").mouseup(function)當(dāng)鼠標(biāo)點(diǎn)擊釋放的時(shí)候觸發(fā)。就是鼠標(biāo)點(diǎn)擊了元素當(dāng)你松開鼠標(biāo)按鍵的時(shí)候觸發(fā)。

鼠標(biāo)的移動(dòng)：

$("Element").mousemove(function)當(dāng)鼠標(biāo)在選定的元素上來回移動(dòng)的時(shí)候觸發(fā)。$("Element").mouseover(function)當(dāng)鼠標(biāo)在移入選定的元素范圍的時(shí)候觸發(fā)。

$("Element").mouseenter(function)當(dāng)鼠標(biāo)在移入選定的元素范圍的時(shí)候觸發(fā)。與mouseover有很大的區(qū)別就是它不冒泡的事件，點(diǎn)擊子元素的時(shí)候不會(huì)觸發(fā)父級(jí)元素

$("Element").mouseout(function)當(dāng)鼠標(biāo)移出選定的元素范圍的時(shí)候觸發(fā)。

$("Element").mouseleave(function)當(dāng)鼠標(biāo)移出選定的元素范圍的時(shí)候觸發(fā)。與mouseenter一樣，不是冒泡事件鍵盤按下：

$("Element").keydown(function)當(dāng)鍵盤按下的時(shí)候觸發(fā)此事件，并綁定一個(gè)處理方法。鍵盤敲擊：

$("Element").keypress(function)當(dāng)鍵盤按下的時(shí)候觸發(fā)此事件，并綁定一個(gè)處理方法。

注：雖然從表面上理解keypress與keydown是一個(gè)意思，但二者的本質(zhì)區(qū)別是：系統(tǒng)由keydown返回鍵盤的代碼,然后由TranslateMessage函數(shù)翻譯成字符,由keypress返回字符值.因此在keydown中返回的是鍵盤的代碼,而keypress返回的是ASCII字符.所以根據(jù)你的目的,如果只想讀取字符,用keypress,如果想讀各鍵的狀態(tài),用keydown。

鍵盤彈起：

$("Element").keyup(function)當(dāng)鍵盤按鍵釋放的時(shí)候觸發(fā)并綁定一個(gè)處理方法。焦點(diǎn)事件觸發(fā)焦點(diǎn)：

$("Element").focus(function)事件會(huì)在獲得焦點(diǎn)的時(shí)候觸發(fā)，既可以是鼠標(biāo)行為，也可以是按tab鍵導(dǎo)航觸發(fā)的行為，并且綁定一個(gè)處理方法。失去焦點(diǎn)：

$("Element").blur(function)事件會(huì)在元素失去焦點(diǎn)的時(shí)候觸發(fā)，既可以是鼠標(biāo)行為，也可以是按tab鍵離開的行為，并且綁定一個(gè)處理方法。改變焦點(diǎn)：

$("Element").change(function)在每一個(gè)匹配元素的change事件中綁定一個(gè)處理函數(shù)。其他事件$("Element").load(type,function)在元素后面綁定一個(gè)處理函數(shù)，當(dāng)元素內(nèi)容加載完畢后自動(dòng)調(diào)用。就如同每次寫jQuery的時(shí)候都寫jQuery，$(document).reday()或者$的方式差不多。

$("Element").unload(function)與上面的函數(shù)相反，在每一個(gè)匹配元素的卸載事件中綁定一個(gè)處理函數(shù)。比如頁面卸載的時(shí)候彈出一個(gè)警告框。$(document).unload(function(){alert("Byenow!");});$("Element").resize(function)當(dāng)窗口大小發(fā)生改變的時(shí)候觸發(fā),比如$(window).resize(function(){alert("你正在試圖改變窗口的大小");});$("Element").scroll(function)當(dāng)滾動(dòng)條發(fā)生改變的時(shí)候觸發(fā)$(window).scroll(function(){alert("你正在試圖改變滾動(dòng)條");});$("Element").select()觸發(fā)每一個(gè)匹配元素的select事件，這個(gè)函數(shù)會(huì)調(diào)用執(zhí)行綁定到select事件的所有函數(shù)，包括瀏覽器的默認(rèn)行為。比如觸發(fā)所有input元素的select事件，$("input").select();$("Element").select(function)當(dāng)用戶在文本框(包括input和textarea)中選中某段文本時(shí)會(huì)觸發(fā)select事件。$("Element").submit()函數(shù)會(huì)調(diào)用執(zhí)行綁定到submit事件的所有函數(shù)，包括瀏覽器的默認(rèn)行為?？梢酝ㄟ^在某個(gè)綁定的函數(shù)中返回false來防止觸發(fā)瀏覽器的默認(rèn)行為。$("form:first").submit();表示第一個(gè)form提交的時(shí)候觸發(fā)。$("Element").submit(function)在每一個(gè)匹配元素的submit事件中綁定一個(gè)處理函數(shù)。$("Element").error()這個(gè)函數(shù)會(huì)調(diào)用所有綁定到error事件上的函數(shù)，包括在對(duì)應(yīng)元素上的瀏覽器默認(rèn)行為?？梢酝ㄟ^在某個(gè)綁定的函數(shù)中返回false來防止觸發(fā)瀏覽器的默認(rèn)行為。error事件通?？梢栽谠赜捎邳c(diǎn)擊或者tab導(dǎo)航失去焦點(diǎn)時(shí)觸發(fā)。$("Element").error(function)對(duì)于error事件，沒有一個(gè)公眾的標(biāo)準(zhǔn)。在大多數(shù)瀏覽器中，當(dāng)頁面的JavaScript發(fā)生錯(cuò)誤時(shí)，window對(duì)象會(huì)觸發(fā)error事件;當(dāng)圖像的src屬性無效時(shí)，比如文件不存在或者圖像數(shù)據(jù)錯(cuò)誤時(shí)，也會(huì)觸發(fā)圖像對(duì)象的error事件。Ajax

（1）$.load(url,[data],[callback])方法說明：載入遠(yuǎn)程HTML文件代碼并插入至DOM中。

url:待裝入HTML網(wǎng)頁地址。data:(可選)發(fā)送至服務(wù)器的key/value(鍵值對(duì))數(shù)據(jù)。

callback:(可選)載入成功時(shí)回調(diào)函數(shù)。過去并沒有對(duì)回調(diào)函數(shù)進(jìn)行說明，今天稍微的說一下，jQuery中的回調(diào)函數(shù)意思是指當(dāng)某個(gè)操作執(zhí)行完畢后要執(zhí)行的函數(shù)。

舉例：要求：1、隨便建立兩個(gè)頁面，假設(shè)為A.html和B.html

2、在B中隨便寫幾個(gè)DIV

3、推薦在A.html中定義B中的DIV樣式，因?yàn)?("html").load()只載入HTML不會(huì)載入【外鏈】樣式。

寫法：

function（）

{

$("html").load("B.html");

}（2）$.get(url,[data],[callback])方法說明：簡(jiǎn)單的Get的請(qǐng)求。url:請(qǐng)求HTML網(wǎng)頁地址。

data:(可選)發(fā)送至服務(wù)器的key/value(鍵值對(duì))數(shù)據(jù)。

callback:(可選)載入成功時(shí)回調(diào)函數(shù)。（3）$.post(url,[data],[callback])方法說明：簡(jiǎn)單的Post請(qǐng)求，

url:請(qǐng)求HTML網(wǎng)頁地址

data:(可選)發(fā)送至服務(wù)器的key/value(鍵值對(duì))數(shù)據(jù)。

callback:(可選)載入成功時(shí)回調(diào)函數(shù)。

（4）$.getJSON(url,[data],[callback])方法說明：簡(jiǎn)單的GET請(qǐng)求載入JSON數(shù)據(jù)

url:請(qǐng)求HTML網(wǎng)頁地址。

data:(可選)發(fā)送至服務(wù)器的key/value(鍵值對(duì))數(shù)據(jù)。

callback:(可選)載入成功時(shí)回調(diào)函數(shù)。

（5）$.getScript(url,[callback])方法說明：簡(jiǎn)單的GET請(qǐng)求載入script腳本數(shù)據(jù)并執(zhí)行

url:請(qǐng)求HTML網(wǎng)頁地址

data:(可選)發(fā)送至服務(wù)器的key/value(鍵值對(duì))數(shù)據(jù)。

callback:(可選)載入成功時(shí)回調(diào)函數(shù)。

（6）$.Ajax(options)//此方法只要用于返回創(chuàng)建的XMLHttpRequest對(duì)象。大家如果看了jQueryAPI對(duì)Ajax的參數(shù)的講解，肯定會(huì)覺得此方法

的內(nèi)容較多，其實(shí)此方法只有一個(gè)值，是key/value(也就是我們常說的“鍵值對(duì)”)，下面將對(duì)此方法的參數(shù)進(jìn)行逐一講解。

注意：參