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