一骡尽、概述

jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.

jQuery是一個(gè)快速、簡(jiǎn)潔当叭、具有豐富特性的JavaScript庫(kù)胚吁。通過(guò)簡(jiǎn)單易用的API，兼容各主流瀏覽器，并使得HTML文檔操作扬霜、事件處理、動(dòng)畫(huà)而涉、Ajax交互等事情變得更加簡(jiǎn)單著瓶。

• 快速獲取文檔元素

  jQuery提供了快速查詢DOM文檔中元素的能力，而且強(qiáng)化了JavaScript中獲取頁(yè)面元素的方式啼县。

• 漂亮的頁(yè)面動(dòng)態(tài)效果

  jQuery中內(nèi)置了一系列的動(dòng)畫(huà)效果材原，如淡入淡出沸久、元素移除等動(dòng)態(tài)特效。

• 創(chuàng)建Ajax無(wú)刷新網(wǎng)頁(yè)

  通過(guò)Ajax余蟹，可以對(duì)頁(yè)面進(jìn)行局部刷新卷胯，而不必每次數(shù)據(jù)更新都需要刷新整個(gè)頁(yè)面。

• 對(duì)JavaScript的增強(qiáng)

  jQuery提供了對(duì)基本JavaScript結(jié)構(gòu)的增強(qiáng)威酒，如元素迭代窑睁、數(shù)組處理等操作。

• 增強(qiáng)的事件處理

  jQuery提供了各種頁(yè)面事件兼搏，避免在HTML中添加太多的事件處理代碼卵慰。

• 更改網(wǎng)頁(yè)內(nèi)容

  jQuery可以修改網(wǎng)頁(yè)中的內(nèi)容，簡(jiǎn)化了原本使用JavaScript處理的方式佛呻，如更改網(wǎng)頁(yè)文本裳朋、插入圖像等。

二吓著、模塊劃分

jQuery的模塊可以分為三部分：入口模塊鲤嫡、底層支持模塊和功能模塊。

1绑莺、入口模塊

在構(gòu)造jQuery對(duì)象模塊中暖眼，如果調(diào)用構(gòu)造函數(shù)創(chuàng)建jQuery對(duì)象時(shí)傳入了選擇器表達(dá)式，則會(huì)調(diào)用選擇器引擎遍歷文檔纺裁，查找與之匹配的DOM元素诫肠，并創(chuàng)建一個(gè)包含了這些DOM元素引用的jQuery對(duì)象。

var div = $('#div-id');

其中欺缘，$()表示構(gòu)造函數(shù)栋豫，#div-id表示選擇器，div表示指向id為div-id的DOM元素的jQuery對(duì)象谚殊。

2丧鸯、底層支持模塊

回調(diào)函數(shù)列表模塊用于增強(qiáng)對(duì)回調(diào)函數(shù)的管理，支持添加嫩絮、移除丛肢、觸發(fā)、鎖定剿干、禁用等功能蜂怎。

異步隊(duì)列模塊用于解耦異步任務(wù)和回調(diào)函數(shù)，為回調(diào)函數(shù)增加了狀態(tài)置尔，支持傳播任意同步或異步回調(diào)函數(shù)的狀態(tài)派敷。

數(shù)據(jù)緩存模塊用于為DOM元素和JavaScript對(duì)象附加任意類型的數(shù)據(jù)。

隊(duì)列模塊用于管理一組函數(shù)，支持函數(shù)的入隊(duì)和出隊(duì)操作篮愉，并確保函數(shù)按順序執(zhí)行。

3差导、功能模塊

事件系統(tǒng)提供了統(tǒng)一的事件綁定试躏、響應(yīng)、觸發(fā)和移除機(jī)制设褐，基于數(shù)據(jù)緩存模塊來(lái)管理事件颠蕴，而不是將事件直接綁定到DOM元素上。

Ajax模塊允許從服務(wù)器上加載數(shù)據(jù)助析，而不用刷新頁(yè)面犀被，基于異步隊(duì)列模塊來(lái)管理和觸發(fā)回調(diào)函數(shù)。

動(dòng)畫(huà)模塊用于向網(wǎng)頁(yè)添加動(dòng)畫(huà)效果外冀，基于隊(duì)列模塊來(lái)管理和執(zhí)行動(dòng)畫(huà)函數(shù)寡键。

屬性操作模塊用于對(duì)HTML屬性和DOM屬性進(jìn)行讀取、設(shè)置和移除操作雪隧。

DOM遍歷模塊用于在DOM樹(shù)中遍歷父元素西轩、子元素和兄弟元素。

DOM操作模塊用于插入脑沿、移除藕畔、復(fù)制和替換DOM元素。

樣式操作模塊用于獲取計(jì)算樣式或設(shè)置樣式庄拇。

坐標(biāo)模塊用于讀取或設(shè)置DOM元素的文檔坐標(biāo)注服。

尺寸模塊用于獲取DOM元素的高度和寬度。

三措近、jQuery選擇器

選擇器通過(guò)標(biāo)簽名溶弟、屬性名或內(nèi)容對(duì)DOM元素進(jìn)行快速、準(zhǔn)確的定位熄诡。根據(jù)所獲取頁(yè)面中元素的不同可很，可以將選擇器分為：基本選擇器、層次選擇器凰浮、過(guò)濾選擇器和表單選擇器我抠。

1、基本選擇器

使用最頻繁的選擇器袜茧，包括元素ID菜拓、Class名、元素名等笛厦。

id選擇器：

$('#element-id')

class選擇器：

$('.class-name')

元素選擇器：

$('element-name')

2纳鼎、層次選擇器

通過(guò)DOM元素間的層次關(guān)系獲取元素，主要層次關(guān)系包括后代、父子贱鄙、相鄰劝贸、兄弟關(guān)系等。

根據(jù)祖先元素匹配所有后代元素：

$('ancestor descendant')

根據(jù)父元素匹配所有的子元素：

$('parent > child')

匹配所有緊接在prev元素后的相鄰元素：

$('prev + next')

匹配prev元素之后的所有兄弟元素：

$('prev ~ siblings')

3逗宁、過(guò)濾選擇器

過(guò)濾選擇器根據(jù)某類過(guò)濾規(guī)則進(jìn)行元素的匹配映九，以:開(kāi)頭。過(guò)濾選擇器又分為：簡(jiǎn)單過(guò)濾選擇器瞎颗、內(nèi)容過(guò)濾選擇器件甥、可見(jiàn)性過(guò)濾選擇器、屬性過(guò)濾選擇器哼拔、子元素過(guò)濾選擇器和表單對(duì)象屬性過(guò)濾選擇器引有。

3.1 簡(jiǎn)單過(guò)濾選擇器

獲取頁(yè)面第一個(gè)和最后一個(gè)X元素：

$('element:first')
$('element:last')

獲取所有索引值為偶數(shù)和奇數(shù)的元素，索引值從0開(kāi)始：

$('element:even')
$('element:odd')

獲取等于倦逐、大于和小于索引值的元素：

$('element:eq(index)')
$('element:gt(index)')
$('element:lt(index)')

獲取除給定的選擇器外的元素：

$('element:not(selector)')

3.2 內(nèi)容過(guò)濾選擇器

獲取包含給定文本的元素：

$('element:contains(text)')

獲取所有不包含子元素或者文本的空元素：

$('element:empty')

獲取含有選擇器所匹配的元素的元素：

$('element:has(selector)')

獲取含有子元素或文本的元素：

$('element:parent')

3.3 可見(jiàn)性過(guò)濾選擇器

獲取所有不可見(jiàn)的元素譬正，或者type為hidden的元素：

$('element:hidden')

獲取所有可見(jiàn)的元素：

$('element:visible')

3.4 屬性過(guò)濾選擇器

獲取包含給定屬性的元素：

$('element[attribute]')

獲取屬性是給定值的元素：

$('element[attribute=value]')

獲取屬性不是給定值的元素：

$('element[attribute!=value]')

獲取屬性是以給定值開(kāi)始的元素：

$('element[attribute^=value]')

獲取屬性是以給定值結(jié)束的元素：

$('element[attribute$=value]')

獲取屬性是包含給定值的元素：

$('element[attribute*=value]')

3.5 子元素過(guò)濾選擇器

獲取父元素下的第一個(gè)、最后一個(gè)僻孝、唯一一個(gè)子元素：

$('parent:first-child')
$('parent:last-child')
$('parent:only-child')

獲取父元素下的特定位置的元素导帝，索引值從1開(kāi)始：

$('parent:nth-child(eq|even|odd|index)')

3.6 表單對(duì)象屬性過(guò)濾選擇器

獲取表單中所有屬性為可用的元素：

$('element:enabled')

獲取表單中所有屬性為不可用的元素：

$('element:disabled')

獲取表單中所有被選中的元素：

$('element:checked')

獲取表單中所有被選中option的元素：

$('element:selected')

4、表單選擇器

通過(guò)它可以在頁(yè)面中快速定位某表單對(duì)象穿铆。

獲取所有input您单、textarea、select等input元素：

$('form:input')

獲取所有單行文本框：

$('form:text')

獲取所有密碼框：

$('form:password')

獲取所有單項(xiàng)按鈕：

$('form:radio')

獲取所有復(fù)選框：

$('form:checkbox')

獲取所有提交按鈕：

$('form:submit')

獲取所有圖像域：

$('form:image')

獲取所有重置按鈕：

$('form:reset')

獲取所有按鈕：

$('form:button')

獲取所有文件域：

$('form:file')

四荞雏、DOM操作

在與頁(yè)面中的元素進(jìn)行交互式的操作中虐秦，主要包括對(duì)元素屬性、內(nèi)容凤优、值悦陋、CSS等的操作。同時(shí)筑辨，還有對(duì)頁(yè)面節(jié)點(diǎn)的操作俺驶，包括節(jié)點(diǎn)元素的創(chuàng)建、插入棍辕、復(fù)制暮现、替換、刪除等操作楚昭。

1栖袋、元素屬性操作

在jQuery中，可以對(duì)元素屬性進(jìn)行獲取抚太、設(shè)置塘幅、刪除等操作昔案。

獲取指定屬性名的元素屬性：

$(selector).attr(name)

設(shè)置元素屬性值，key為屬性名稱电媳，value為屬性值：

$(selector).attr(key, value)

設(shè)置多個(gè)屬性值：

$(selector).attr({keyN:valueN})

刪除指定屬性名的元素屬性：

$(selector).removeAttr(name)

2踏揣、元素內(nèi)容操作

在jQuery中，可以獲取和設(shè)置元素的HTML或文本內(nèi)容匆背。

獲取元素的HTML/文本內(nèi)容：

$(selector).html()
$(selector).text()

設(shè)置元素的HTML/文本內(nèi)容：

$(selector).html(value)
$(selector).text(value)

兩者的區(qū)別是呼伸，html()方法僅支持HTML類型的文檔，不支持XML钝尸。而text()方法不僅支持HTML類型，也支持XML類型搂根。

3珍促、元素值操作

在jQuery中，可以獲取和設(shè)置元素的值剩愧。

獲取元素的值：

$(selector).val()

設(shè)置元素的值：

$(selector).val(value)

Tips：通過(guò)val().join(",")獲取select標(biāo)簽中的多個(gè)選項(xiàng)值猪叙。

4、元素樣式操作

在jQuery中仁卷，可以直接設(shè)置樣式穴翩、增加CSS類別、類別切換锦积、刪除類別等操作芒帕。

為指定name的樣式設(shè)置值：

$(selector).css(name, value)

為元素增加樣式類：

$(selector).addClass(class)

切換不同的樣式類：

$(selector).toggleClass(class)

刪除元素的樣式類：

$(selector).removeClass(class)

5、創(chuàng)建節(jié)點(diǎn)元素

如果要在頁(yè)面中添加某個(gè)元素丰介，需要先通過(guò)構(gòu)造函數(shù)創(chuàng)建節(jié)點(diǎn)元素：

$(html)

6背蟆、插入節(jié)點(diǎn)元素

按照插入元素的位置區(qū)分，可以分為內(nèi)部和外部?jī)煞N插入方法哮幢。

6.1 內(nèi)部插入節(jié)點(diǎn)

向所選擇的元素內(nèi)部追加/前置內(nèi)容：

$(selector).append(content)
$(selector).prepend(content)

向所選擇的元素內(nèi)部追加/前置function方法所返回的內(nèi)容：

$(selector).append(function())
$(selector).prepend(function())

把所選擇的元素追加/前置到另一個(gè)指定的元素集合中：

$(selector).appendTo(content)
$(selector).prependTo(content)

6.2 外部插入節(jié)點(diǎn)

向所選擇的元素外部追加/前置內(nèi)容：

$(selector).after(content)
$(selector).before(content)

向所選擇的元素外部追加/前置function方法所返回的內(nèi)容：

$(selector).after(function())
$(selector).before(function())

把所選擇的元素追加/前置到另一個(gè)指定的元素：

$(selector).insertAfter(content)
$(selector).insertBefore(content)

7带膀、復(fù)制節(jié)點(diǎn)元素

將某個(gè)元素節(jié)點(diǎn)復(fù)制到另一個(gè)節(jié)點(diǎn)之后。

復(fù)制匹配的DOM元素并且選中復(fù)制成功的元素：

$(selector).clone()

在復(fù)制時(shí)將該元素的所有行為也進(jìn)行復(fù)制：

$(selector).clone(true)

8橙垢、替換節(jié)點(diǎn)元素

將所有選擇的元素替換成指定的HTML或DOM元素：

$(selector).replaceWith(content)

將所有選擇的元素替換成指定selector的元素：

$(selector).replaceAll(selector)

一旦完成替換垛叨，被替換元素中的全部事件將會(huì)消失。

9柜某、刪除節(jié)點(diǎn)元素

刪除指定的元素：

$(selector).remove()

刪除指定的元素嗽元，但保留被移除元素的事件：

$(selector).detach()

清空所選擇的頁(yè)面元素的內(nèi)容，但不移除該元素：

$(selector).empty()

10莺琳、通用操作

這類操作不需要選擇元素就可以直接使用还棱。

$.trim()            //去除字符串兩端的空格。
$.each()            //遍歷一個(gè)數(shù)組或?qū)ο蟆?$.inArray()       //返回一個(gè)值在數(shù)組中的索引位置惭等。如果該值不在數(shù)組中珍手，則返回-1。
$.grep()            //返回?cái)?shù)組中符合某種標(biāo)準(zhǔn)的元素。
$.extend()         //將多個(gè)對(duì)象琳要，合并到第一個(gè)對(duì)象寡具。
$.makeArray()      //將對(duì)象轉(zhuǎn)化為數(shù)組。
$.type()            //判斷對(duì)象的類別（函數(shù)對(duì)象稚补、日期對(duì)象童叠、數(shù)組對(duì)象、正則對(duì)象等等）课幕。
$.isArray()       //判斷某個(gè)參數(shù)是否為數(shù)組厦坛。
$.isEmptyObject()    //判斷某個(gè)對(duì)象是否為空（不含有任何屬性）。
$.isFunction()    //判斷某個(gè)參數(shù)是否為函數(shù)乍惊。
$.isPlainObject()    //判斷某個(gè)參數(shù)是否為用"{}"或"new Object"建立的對(duì)象杜秸。
$.support()       //判斷瀏覽器是否支持某個(gè)特性。

五润绎、事件

jQuery可以把事件直接綁定在網(wǎng)頁(yè)元素上撬碟，使代碼更加簡(jiǎn)潔。

1莉撇、事件機(jī)制

事件在觸發(fā)后被分為兩個(gè)階段：一個(gè)是捕獲capture呢蛤，一個(gè)是冒泡bubbling。為阻止事件的冒泡現(xiàn)象棍郎，可以調(diào)用stopPropagation()方法或者語(yǔ)句return false;來(lái)實(shí)現(xiàn)其障。

2、載入事件

在jQuery腳本加載到頁(yè)面時(shí)坝撑，會(huì)設(shè)置一個(gè)isReady標(biāo)記静秆，用于監(jiān)聽(tīng)頁(yè)面加載的進(jìn)度，當(dāng)遇到執(zhí)行ready()方法時(shí)巡李，通過(guò)查看isReady是否被設(shè)置抚笔，如果未被設(shè)置，說(shuō)明頁(yè)面并未加載完成侨拦，將未完成的部分用數(shù)組緩存起來(lái)殊橙，當(dāng)全部加載完成后，再將未完成的部分通過(guò)緩存一一執(zhí)行狱从。

3膨蛮、綁定事件

為所選擇的元素綁定事件：

$(selector).bind(type, [data], function)

其中，參數(shù)type為一個(gè)或多個(gè)事件類型的字符串季研，也可以自定義類型敞葛；參數(shù)data是作為event.data屬性值傳遞給事件對(duì)象的額外數(shù)據(jù)對(duì)象；參數(shù)function是綁定到每個(gè)選擇元素的事件中的處理方法与涡。

如果在元素中綁定多個(gè)事件惹谐，可以將事件用空格隔開(kāi)持偏。還可以通過(guò)傳入一個(gè)映射，對(duì)所選對(duì)象綁定多個(gè)事件處理方法氨肌。

4鸿秆、切換事件

有兩個(gè)以上的事件綁定于一個(gè)元素，在元素的行為動(dòng)作間進(jìn)行切換怎囚。

使元素在鼠標(biāo)懸停和鼠標(biāo)移出的事件間進(jìn)行切換：

hover()

可以依次調(diào)用N個(gè)指定的方法卿叽，直到最后一個(gè)方法：

toggle()

5、移除事件

移除元素綁定的事件：

$(selector).unbind([type], [function])

6恳守、常用事件

.blur()         //表單元素失去焦點(diǎn)考婴。
.change()         //表單元素的值發(fā)生變化
.click()          //鼠標(biāo)單擊
.dblclick()     //鼠標(biāo)雙擊
.focus()          //表單元素獲得焦點(diǎn)
.focusin()      //子元素獲得焦點(diǎn)
.focusout()     //子元素失去焦點(diǎn)
.keydown()      //按下鍵盤(pán)（長(zhǎng)時(shí)間按鍵，只返回一個(gè)事件）
.keypress()     //按下鍵盤(pán)（長(zhǎng)時(shí)間按鍵催烘，將返回多個(gè)事件）
.keyup()          //松開(kāi)鍵盤(pán)
.load()         //元素加載完畢
.mousedown()       //按下鼠標(biāo)
.mouseenter()     //鼠標(biāo)進(jìn)入（進(jìn)入子元素不觸發(fā)）
.mouseleave()     //鼠標(biāo)離開(kāi)（離開(kāi)子元素不觸發(fā)）
.mousemove()       //鼠標(biāo)在元素內(nèi)部移動(dòng)
.mouseout()     //鼠標(biāo)離開(kāi)（離開(kāi)子元素也觸發(fā)）
.mouseover()       //鼠標(biāo)進(jìn)入（進(jìn)入子元素也觸發(fā)）
.mouseup()      //松開(kāi)鼠標(biāo)
.ready()          //DOM加載完成
.resize()        //瀏覽器窗口的大小發(fā)生改變
.scroll()        //滾動(dòng)條的位置發(fā)生變化
.select()        //用戶選中文本框中的內(nèi)容
.submit()        //用戶遞交表單
.unload()        //用戶離開(kāi)頁(yè)面

7蕉扮、其他事件

為所選的元素綁定一個(gè)僅觸發(fā)一次的處理方法：

$(selector).one(type, [data], function)

在所選的元素上觸發(fā)指定類型的事件：

$(selector).trigger(type, [data])

六、特效

jQuery可以很方便地實(shí)現(xiàn)很多特效颗圣，并且還可以自定義動(dòng)畫(huà)效果。

1屁使、顯示與隱藏

顯示/隱藏頁(yè)面中的元素：

$(selector).show()
$(selector).hide()

Tips：可以調(diào)用toggle()方法來(lái)切換顯示與隱藏狀態(tài)在岂。

2、淡入淡出

改變?cè)氐耐该鞫嚷牛瑢?shí)現(xiàn)淡入/淡出的動(dòng)畫(huà)效果：

$(selector).fadeIn()
$(selector).fadeOut()

還可以改變?cè)氐耐该鞫鹊街付ǖ闹担?/p>

$(selector).fadeTo()

3蔽午、上下滾動(dòng)

向下展開(kāi)/向上卷起頁(yè)面中的元素：

$(selector).slideDown()
$(selector).slideUp()

Tips：可以調(diào)用slideToggle()方法來(lái)切換展開(kāi)與卷起狀態(tài)。

4酬蹋、自定義動(dòng)畫(huà)

復(fù)雜的特效可以使用animate()方法進(jìn)行自定義及老。

$('div').animate(
  {
    left : "+=50",   //不斷右移
    opacity : 0.25   //指定透明度
  },
  300,               // 持續(xù)時(shí)間
  function() { alert('done!'); }    //回調(diào)函數(shù)
);

Tips：可以使用stop()和delay()方法來(lái)停止或延遲特效的執(zhí)行。

七范抓、最佳實(shí)踐

• 使用最新的版本

  新版本不止會(huì)帶來(lái)新功能骄恶，還會(huì)提升性能。

• 選擇合理的選擇器

  選擇同一個(gè)網(wǎng)頁(yè)元素匕垫，可以使用多種選擇器僧鲁，但每種選擇器的性能卻是不一樣的。按照性能高低排列：id選擇器和元素標(biāo)簽選擇器>class選擇器>屬性選擇器象泵。

• 通過(guò)父元素選擇子元素

  最佳選擇是使用$parent.find('.child')寞秃。由于$parent通常在前面的操作已經(jīng)生成，jQuery會(huì)進(jìn)行緩存偶惠，提高了執(zhí)行速度春寿。

• 不要過(guò)度使用jQuery

  在能夠使用原生的JavaScript的場(chǎng)合，盡量避免使用jQuery忽孽。

• 利用緩存

  使用選擇器的次數(shù)越少越好绑改，并且盡可能地緩存選中的結(jié)果谢床，以便復(fù)用。

• 使用鏈?zhǔn)綄?xiě)法

  因?yàn)椴捎面準(zhǔn)綄?xiě)法時(shí)jQuery會(huì)自動(dòng)緩存每一步的結(jié)果绢淀，所以比非鏈?zhǔn)綄?xiě)法要快很多萤悴。

• 事件的委托處理

  將需要多次綁定在子元素上的事件，委托給父元素來(lái)處理皆的，減少綁定次數(shù)覆履，從而提高性能。

• 盡量少地改動(dòng)DOM結(jié)構(gòu)

  不要頻繁改動(dòng)DOM結(jié)構(gòu)费薄，如果要插入多個(gè)元素硝全，可以先將其合并，然后再一次性插入楞抡。如果要對(duì)DOM元素進(jìn)行大量處理伟众，應(yīng)該先使用.detach()方法，將元素從DOM中移除召廷，處理完之后再重新插回文檔凳厢。在DOM元素上存儲(chǔ)數(shù)據(jù)時(shí)，應(yīng)該使用$.data()方法竞慢。插入html代碼時(shí)先紫，原生的innterHTML()方法要比jQuery對(duì)象的html()方法更快。

• 合理地使用循環(huán)

  如果可以使用復(fù)雜的選擇器直接選中元素筹煮，就不要使用循環(huán)遮精。應(yīng)該優(yōu)先使用原生的循環(huán)方法。

• 盡量少生成jQuery對(duì)象

  每使用一次選擇器败潦，都會(huì)生成一個(gè)jQuery對(duì)象本冲，帶有很多屬性和方法，會(huì)占用不少資源劫扒。能夠使用jQuery函數(shù)的場(chǎng)合檬洞，盡量不要使用jQuery對(duì)象。

• 選擇作用域鏈最短的方法

  JavaScript的變量采用鏈?zhǔn)阶饔糜蛩诠兀x取局部變量要比全局變量快很多疮胖。在調(diào)用對(duì)象方法時(shí)，closure模式要比prototype模式更快闷板。

• 使用Pub/Sub模式管理事件

  當(dāng)發(fā)生某事件后澎灸，如果要連續(xù)執(zhí)行多個(gè)操作，可以改用事件觸發(fā)的形式遮晚。

• DOM對(duì)象與jQuery對(duì)象轉(zhuǎn)換

  DOM對(duì)象指的是通過(guò)傳統(tǒng)的JavaScript方法獲取的DOM元素對(duì)象性昭。jQuery對(duì)象指的是通過(guò)jQuery語(yǔ)法包裝原始的DOM對(duì)象后生成的新對(duì)象。如果需要使DOM對(duì)象與jQuery對(duì)象之間的方法互相調(diào)用县遣，必須先實(shí)現(xiàn)對(duì)象之間的類型轉(zhuǎn)換糜颠。不能使用DOM對(duì)象調(diào)用jQuery對(duì)象的方法汹族，也不能使用jQuery對(duì)象調(diào)用DOM對(duì)象的方法。

  調(diào)用jQuery中提供的[index]與get(index)方法即可將jQuery對(duì)象轉(zhuǎn)換成DOM對(duì)象其兴。DOM對(duì)象只要通過(guò)jQuery的方法$()進(jìn)行封裝顶瞒，就可以轉(zhuǎn)換成jQuery對(duì)象。