本文將為大家詳細介紹“jquery對象和DOM原生對象有哪些區(qū)別”,內(nèi)容步驟清晰詳細,細節(jié)處理妥當,而小編每天都會更新不同的知識點,希望這篇“jquery對象和DOM原生對象有哪些區(qū)別”能夠給你意想不到的收獲,請大家跟著小編的思路慢慢深入,具體內(nèi)容如下,一起去收獲新知識吧。
jquery是一個簡潔而快速的JavaScript庫,它具有獨特的鏈式語法和短小清晰的多功能接口、高效靈活的css選擇器,并且可對CSS選擇器進行擴展、擁有便捷的插件擴展機制和豐富的插件,是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫,能夠用于簡化事件處理、HTML文檔遍歷、Ajax交互和動畫,以便快速開發(fā)網(wǎng)站。
說說庫和框架的區(qū)別?
框架和類庫最重要的區(qū)別是控制權(quán)的反轉(zhuǎn)??蚣芫拖褚粋€模具,它需要你把原材料放在模具里面,然后成品就出來了,由于模具已經(jīng)造好,所以原材料不能亂加,人家要什么你就給什么,控制權(quán)在模具。但是類庫就不一樣了,控制權(quán)在你手中,想實現(xiàn)什么功能就實現(xiàn)什么功能,類庫只是幫你封裝好了大量實用的函數(shù),幫助你實現(xiàn)自己的目的,你要做的只是根據(jù)自己的需要合適地調(diào)用這些函數(shù)。
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對象 var v = $v[0]; //DOM對象
2、jQuery本身提供,通過.get(index)方法
如:
var $v = $("#v"); //jQuery對象 var v = $v.get(0); //DOM對象
DOM對象轉(zhuǎn)成jQuery對象:
對于DOM對象,只需用$()把DOM對象包裝起來,就可得到j(luò)Query對象
如:
var v=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原生對象有哪些區(qū)別”這一關(guān)鍵問題有了從實踐層面最深刻的體會,具體使用情況還需要大家自己動手實踐使用過才能領(lǐng)會,如果想閱讀更多相關(guān)內(nèi)容的文章,歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道!
標題名稱:jquery對象和DOM原生對象有哪些區(qū)別-創(chuàng)新互聯(lián)
本文來源:http://chinadenli.net/article18/doeodp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供建站公司、面包屑導航、網(wǎng)站制作、搜索引擎優(yōu)化、微信小程序、全網(wǎng)營銷推廣
聲明:本網(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)
猜你還喜歡下面的內(nèi)容