發(fā)文章
發(fā)文工具
撰寫
網(wǎng)文摘手
文檔
視頻
思維導(dǎo)圖
隨筆
相冊(cè)
原創(chuàng)同步助手
其他工具
圖片轉(zhuǎn)文字
文件清理
AI助手
留言交流
核心提示:jquery選擇器得到的jquery對(duì)象和標(biāo)準(zhǔn)的 javascript中的document.getElementById()取得的dom對(duì)象是兩種不同的對(duì)象類型,一般情況下,如S(’#id’)得到的是jquery對(duì)象,它不能使用js中的dom方法。所以,如果jquery對(duì)象要使用標(biāo)準(zhǔn)的dom方法,就需要進(jìn)行對(duì)象轉(zhuǎn)換。
剛開始學(xué)習(xí)jQuery,可能一時(shí)會(huì)分不清楚哪些是jQuery對(duì)象,哪些是DOM對(duì)象。至于DOM對(duì)象不多解釋,我們接觸的太多了,下面重點(diǎn)介紹一下jQuery,以及兩者相互間的轉(zhuǎn)換。
什么是jQuery對(duì)象?
---就是通過jQuery包裝DOM對(duì)象后產(chǎn)生的對(duì)象。jQuery對(duì)象是jQuery獨(dú)有的,其可以使用jQuery里的方法。
比如:
雖然jQuery對(duì)象是包裝DOM對(duì)象后產(chǎn)生的,但是jQuery無法使用DOM對(duì)象的任何方法,同理DOM對(duì)象也不能使用jQuery里的方法. 亂使用會(huì)報(bào)錯(cuò)。比如:$("#test").innerHTML、document.getElementById("id").html()之類的寫法都是錯(cuò)誤的。
既然jQuery有區(qū)別但也有聯(lián)系,那么jQuery對(duì)象與DOM對(duì)象也可以相互轉(zhuǎn)換。在再兩者轉(zhuǎn)換前首先我們給一個(gè)約定:如果一個(gè)獲取的是 jQuery對(duì)象,那么我們?cè)谧兞壳懊婕由?,如:var $variab = jQuery對(duì)象;如果獲取的是DOM對(duì)象,則與習(xí)慣普通一樣:var variab = DOM對(duì)象;這么約定只是便于講解與區(qū)別,實(shí)際使用中并不規(guī)定。
jQuery對(duì)象轉(zhuǎn)成DOM對(duì)象:
兩種轉(zhuǎn)換方式將一個(gè)jQuery對(duì)象轉(zhuǎn)換成DOM對(duì)象:[index]和.get(index);
(1)jQuery對(duì)象是一個(gè)數(shù)據(jù)對(duì)象,可以通過[index]的方法,來得到相應(yīng)的DOM對(duì)象。
如:var $v =$("#v") ; //jQuery對(duì)象
var v=$v[0]; //DOM對(duì)象
alert(v.checked) //檢測(cè)這個(gè)checkbox是否被選中
(2)jQuery本身提供,通過.get(index)方法,得到相應(yīng)的DOM對(duì)象
如:var $v=$("#v"); //jQuery對(duì)象
var v=$v.get(0); //DOM對(duì)象
DOM對(duì)象轉(zhuǎn)成jQuery對(duì)象:
對(duì)于已經(jīng)是一個(gè)DOM對(duì)象,只需要用$()把DOM對(duì)象包裝起來,就可以獲得一個(gè)jQuery對(duì)象了。$(DOM對(duì)象)
如:var v=document.getElementById("v"); //DOM對(duì)象
var $v=$(v); //jQuery對(duì)象
轉(zhuǎn)換后,就可以任意使用jQuery的方法了。
通過以上方法,可以任意的相互轉(zhuǎn)換jQuery對(duì)象和DOM對(duì)象。需要再強(qiáng)調(diào)注意的是:DOM對(duì)象才能使用DOM中的方法,jQuery對(duì)象是不可以用DOM中的方法
源文摘自:http://www./jimingminlovefly/articles/371348.html
來自: 昵稱10504424 > 《工作》
0條評(píng)論
發(fā)表
請(qǐng)遵守用戶 評(píng)論公約
jQuery對(duì)象與dom對(duì)象相互轉(zhuǎn)換
jQuery對(duì)象與dom對(duì)象相互轉(zhuǎn)換。剛開始學(xué)習(xí)jQuery,可能一時(shí)會(huì)分不清楚哪些是jQuery對(duì)象,哪些是DOM對(duì)象。雖然jQuery對(duì)象是包裝DOM對(duì)象后產(chǎn)生的,但是jQuery無法使用DOM對(duì)象的任何方法,同理DOM對(duì)象也不...
jQuery對(duì)象和DOM對(duì)象
1.jQuery對(duì)象和DOM對(duì)象第一次學(xué)習(xí)jQuery,經(jīng)常分辨不清哪些是jQuery對(duì)象,哪些是 DOM對(duì)象,因此需要重點(diǎn)了解jQuery對(duì)象和DOM對(duì)象以及它們之間的關(guān)系.DOM對(duì)象,即是我們用傳統(tǒng)的方法(javascript)獲得的對(duì)...
jQuery對(duì)象轉(zhuǎn)DOM對(duì)象
jQuery對(duì)象轉(zhuǎn)DOM對(duì)象$("#abc") -> JQuery對(duì)象document.getElementById("abc") -> DOM對(duì)象$(document.getElementById("abc")) ->JQuery對(duì)象$("#abc")...
jQuery學(xué)習(xí)筆記 入門
JQuery對(duì)象就是用JQuery包裝DOM之后產(chǎn)生的對(duì)象。JQuery對(duì)象是JQuery獨(dú)有的,可以使用JQuery的各種方法。雖然jQuery對(duì)象是包裝DOM對(duì)象后產(chǎn)生的,但是jQuery無法使用DOM對(duì)象的任何方法,同理DOM對(duì)象也不...
jQuery對(duì)象和DOM對(duì)象相互轉(zhuǎn)化
$(DOM對(duì)象) 如:var v=document.getElementById("v"); //DOM對(duì)象 var $v=$(v); //jQuery對(duì)象 轉(zhuǎn)換后,就可以任意使用jQuery的方法了。如:var $v =$("#v") ;//jQuery對(duì)象 var v=$v...
jquery對(duì)象和javascript對(duì)象即DOM對(duì)象相互轉(zhuǎn)換
jquery對(duì)象和javascript對(duì)象即DOM對(duì)象相互轉(zhuǎn)換。jQuery 對(duì)象是通過 jQuery 包裝DOM 對(duì)象后產(chǎn)生的對(duì)象。對(duì)于已經(jīng)是一個(gè) DOM 對(duì)象,只需要用 $() 把DOM對(duì)象包裝起來,就可以獲得一個(gè) jQuery 對(duì)象了,$(DO...
jquery中對(duì) iframe的操作
<iframe id="leftiframe"...</iframe> <iframe id="mainiframe..</iframe>父窗口主要HTML代碼如下:<div id="pHello" style="margin:10px auto;wi...
jQuery的運(yùn)行機(jī)制和設(shè)計(jì)理念 - 51CTO.COM
jQuery在實(shí)現(xiàn)上也可以分成兩大部分,一部分是jQuery的靜態(tài)方法,也可以稱作實(shí)用方法或工具方法,通過jQuery.xxx()的jQuery命名空間直接引用。在jQuery文檔中提供了四種方式:jQuery(expression,[contex...
jQuery學(xué)習(xí)大總結(jié)(一)jQuery對(duì)象與dom對(duì)象轉(zhuǎn)換
jQuery學(xué)習(xí)大總結(jié)(一)jQuery對(duì)象與dom對(duì)象轉(zhuǎn)換。2、jQuery對(duì)象與dom對(duì)象的相互轉(zhuǎn)換 jQuery對(duì)象轉(zhuǎn)dom對(duì)象: jQuery("#id")獲得的是一個(gè)jQuery對(duì)象,它和普通的dom對(duì)象是不同的,所以不能直接...
微信掃碼,在手機(jī)上查看選中內(nèi)容