jquery的DOM與事件實例分析

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

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

jquery能做什么？

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

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

區(qū)別：

1、jquery選擇器得到的jquery對象和標準的javascript中的document.getElementById()取得的dom對象是兩種不同的對象類型，兩者不等價；

2、jQuery無法使用DOM對象的任何方法，同理DOM對象也不能使用jQuery里的方法.亂使用會報錯。

如何轉(zhuǎn)化：

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

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

如：

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

varv=$v[0];//DOM對象

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

如：

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

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

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

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

如：

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

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

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

通過jquery提供的api進行事件綁定。

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

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

delegate:向匹配元素的當前或未來的子元素附加一個或多個事件處理器。

live:為當前或未來的匹配元素添加一個或多個事件處理器

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

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

推薦使用on，off。

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

jquery如何展示/隱藏元素？

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

jquery動畫如何使用？

通常情況下使用.animate()來進行自定義動畫。

如何設(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與事件實例分析”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領(lǐng)會，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)頁名稱：jquery的DOM與事件實例分析
地址分享：http://bm7419.com/article40/phooho.html

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

廣告

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