jquery的DOM與事件實例分析

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

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

jquery能做什么？

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

jquery對象和DOM原生對象有什么區別？如何轉化？

區別：

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

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

如何轉化：

jQuery對象轉成DOM對象---兩種轉換方式：

1、jQuery對象是一個數據對象，通過[index]的方法

如：

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

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

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

如：

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

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

DOM對象轉成jQuery對象:

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

如：

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

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

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

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

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

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

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

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

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

off:移除一個事件處理函數。

推薦使用on，off。

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

jquery如何展示/隱藏元素？

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

jquery動畫如何使用？

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

如何設置和獲取元素內部HTML內容？如何設置和獲取元素內部文本？

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

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

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

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

$(‘selector’).val(val)設置表單內容

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

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

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

讀到這里，這篇“jquery的DOM與事件實例分析”文章已經介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內容的文章，歡迎關注創新互聯行業資訊頻道。

網頁名稱：jquery的DOM與事件實例分析
地址分享：http://m.kartarina.com/article40/phooho.html

成都網站建設公司_創新互聯，為您提供、自適應網站、電子商務、商城網站、全網營銷推廣、軟件開發

廣告

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