jquery對(duì)象轉(zhuǎn)換成js對(duì)象的方法:1、使用“jquery對(duì)象[index]”語(yǔ)句進(jìn)行轉(zhuǎn)換;2、使用“jquery對(duì)象.get(index)”語(yǔ)句進(jìn)行轉(zhuǎn)換。
本教程操作環(huán)境:windows7系統(tǒng)、jquery1.10.0版本、Dell G3電腦。
js類型的對(duì)象和jquery類型的對(duì)象,是完全不同的兩種對(duì)象。然而,兩種對(duì)象的方法并不能相互調(diào)用。那么js對(duì)象如果想調(diào)用jquery里的方法,或者jquery對(duì)象想調(diào)用js的方法,怎么辦?這時(shí)候涉及到j(luò)s對(duì)象和jquery對(duì)象的相互相互轉(zhuǎn)換的問(wèn)題。
例如:
①document.getElementById("text").hide();
實(shí)現(xiàn)不了,因?yàn)閔ide()是jquery對(duì)象的方法,js對(duì)象是沒(méi)辦法調(diào)用的
②$("#text2").innerHTML = "jredu";
同樣也是實(shí)現(xiàn)不了,因?yàn)閕nnerHTML是js對(duì)象的屬性,jquery對(duì)象是沒(méi)辦法使用的。
那么,接下來(lái)給大家介紹一下怎么實(shí)現(xiàn)js和jQuery之間的相互轉(zhuǎn)換:
—轉(zhuǎn)換1:jquery對(duì)象轉(zhuǎn)換成js對(duì)象
—轉(zhuǎn)換2:js對(duì)象轉(zhuǎn)換成jquery對(duì)象
jquery對(duì)象轉(zhuǎn)換成js對(duì)象
有兩種轉(zhuǎn)換方式將一個(gè)jQuery對(duì)象轉(zhuǎn)換成js對(duì)象:[index]
和.get(index)
;
(1)jQuery對(duì)象是一個(gè)數(shù)據(jù)對(duì)象,可以通過(guò)[index]
的方法,來(lái)得到相應(yīng)的js對(duì)象。
如:
var $v =$("#v") ; //jQuery對(duì)象 var v=$v[0]; //js對(duì)象 alert(v.checked) //檢測(cè)這個(gè)checkbox是否被選中
(2)jQuery本身提供,通過(guò).get(index)
方法,得到相應(yīng)的js對(duì)象
如:var $v=$("#v"); //jQuery對(duì)象 var v=$v.get(0); //js對(duì)象 alert(v.checked) //檢測(cè)這個(gè)checkbox是否被選中
js對(duì)象轉(zhuǎn)換成jquery對(duì)象
對(duì)于已經(jīng)是一個(gè)js對(duì)象,只需要用$()
把DOM對(duì)象包裝起來(lái),就可以獲得一個(gè)jQuery對(duì)象了。
語(yǔ)法:$(js對(duì)象)
如:
var v=document.getElementById("v"); //js對(duì)象 var $v=$(v); //jQuery對(duì)象
轉(zhuǎn)換后,就可以任意使用jQuery的方法了。
相關(guān)視頻教程推薦:jQuery教程(視頻)