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