本文小編為大家詳細(xì)介紹“jquery的DOM與事件實(shí)例分析”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“jquery的DOM與事件實(shí)例分析”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來(lái)學(xué)習(xí)新知識(shí)吧。

創(chuàng)新互聯(lián)公司長(zhǎng)期為成百上千客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開(kāi)放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為穆棱企業(yè)提供專業(yè)的成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、外貿(mào)營(yíng)銷網(wǎng)站建設(shè)，穆棱網(wǎng)站改版等技術(shù)服務(wù)。擁有10年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開(kāi)發(fā)。

jquery能做什么？

操作文檔對(duì)象、選擇DOM元素、制作動(dòng)畫(huà)效果、事件處理、使用Ajax以及其他功能。除此以外，jQuery提供API讓開(kāi)發(fā)者編寫(xiě)插件。其模塊化的使用方式使開(kāi)發(fā)者可以很輕松的開(kāi)發(fā)出功能強(qiáng)大的靜態(tài)或動(dòng)態(tài)網(wǎng)頁(yè)。

jquery對(duì)象和DOM原生對(duì)象有什么區(qū)別？如何轉(zhuǎn)化？

區(qū)別：

1、jquery選擇器得到的jquery對(duì)象和標(biāo)準(zhǔn)的javascript中的document.getElementById()取得的dom對(duì)象是兩種不同的對(duì)象類型，兩者不等價(jià)；

2、jQuery無(wú)法使用DOM對(duì)象的任何方法，同理DOM對(duì)象也不能使用jQuery里的方法.亂使用會(huì)報(bào)錯(cuò)。

如何轉(zhuǎn)化：

jQuery對(duì)象轉(zhuǎn)成DOM對(duì)象---兩種轉(zhuǎn)換方式：

1、jQuery對(duì)象是一個(gè)數(shù)據(jù)對(duì)象，通過(guò)[index]的方法

如：

var$v=$("#v");//jQuery對(duì)象

varv=$v[0];//DOM對(duì)象

2、jQuery本身提供，通過(guò).get(index)方法

如：

var$v=$("#v");//jQuery對(duì)象

varv=$v.get(0);//DOM對(duì)象

DOM對(duì)象轉(zhuǎn)成jQuery對(duì)象:

對(duì)于DOM對(duì)象，只需用$()把DOM對(duì)象包裝起來(lái)，就可得到j(luò)Query對(duì)象

如：

varv=document.getElementById("v");//DOM對(duì)象

var$v=$(v);//jQuery對(duì)象

jquery中如何綁定事件？bind、unbind、delegate、live、on、off都有什么作用？推薦使用哪種？使用on綁定事件使用事件代理的寫(xiě)法？

通過(guò)jquery提供的api進(jìn)行事件綁定。

bind:為一個(gè)元素綁定一個(gè)事件處理程序。

unbind:從元素上刪除一個(gè)以前附加事件處理程序。

delegate:向匹配元素的當(dāng)前或未來(lái)的子元素附加一個(gè)或多個(gè)事件處理器。

live:為當(dāng)前或未來(lái)的匹配元素添加一個(gè)或多個(gè)事件處理器

on:在選定的元素上綁定一個(gè)或多個(gè)事件處理函數(shù)。

off:移除一個(gè)事件處理函數(shù)。

推薦使用on，off。

on的用法：.on(events[,selector][,data],handler(eventObject))

jquery如何展示/隱藏元素？

使用show(),hide()來(lái)展示和隱藏元素。

jquery動(dòng)畫(huà)如何使用？

通常情況下使用.animate()來(lái)進(jìn)行自定義動(dòng)畫(huà)。

如何設(shè)置和獲取元素內(nèi)部HTML內(nèi)容？如何設(shè)置和獲取元素內(nèi)部文本？

使用$(‘selector’).html()獲取HTML內(nèi)容，$(‘selector’).html(value)設(shè)置HTML內(nèi)容使用

$(‘selector’).text()獲取元素內(nèi)部文本，$(‘selector’).text(value)設(shè)置文本內(nèi)容

如何設(shè)置和獲取表單用戶輸入或者選擇的內(nèi)容？如何設(shè)置和獲取元素屬性？

$(‘selector’).val()獲取表單內(nèi)容

$(‘selector’).val(val)設(shè)置表單內(nèi)容

$(‘selector’).attr(attributeName)獲取元素屬性

$(‘selector’).attr(attributeName,value)設(shè)置元素屬性

$(‘selector’).removeAttr(attributeName)移除屬性

讀到這里，這篇“jquery的DOM與事件實(shí)例分析”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過(guò)才能領(lǐng)會(huì)，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)頁(yè)名稱：jquery的DOM與事件實(shí)例分析
地址分享：http://www.rwnh.cn/article40/phooho.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供、自適應(yīng)網(wǎng)站、電子商務(wù)、商城網(wǎng)站、全網(wǎng)營(yíng)銷推廣、軟件開(kāi)發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)