jquery物件轉換成js物件的方法:1、使用「jquery物件[index]」語句進行轉換;2、使用「jquery物件.get(index)」語句進行轉換。
本教學操作環境:windows7系統、jquery1.10.0版本、Dell G3電腦。
js類型的物件和jquery類型的對象,是完全不同的兩種物件。然而,兩種物件的方法並不能相互呼叫。那麼js物件如果想呼叫jquery裡的方法,或是jquery物件想呼叫js的方法,該怎麼辦?這時候涉及到js物件和jquery物件的相互相互轉換的問題。
例如:
①document.getElementById("text").hide();
實作不了,因為hide()是jquery對象的方法,js物件是沒辦法呼叫的
②$("#text2").innerHTML = "jredu";
同樣也是實作不了,因為innerHTML是js物件的屬性,jquery物件是沒辦法使用的。
那麼,接下來要跟大家介紹怎麼實作js和jQuery之間的相互轉換:
---轉換1:jquery物件轉換成js物件
#- --轉換2:js物件轉換成jquery物件
jquery物件轉換成js物件
有兩種轉換方式將一個jQuery物件轉換成js物件:[index]
和.get(index)
;
(1)jQuery物件是一個資料對象,可以透過[index]
的方法,來得到對應的js物件。
如:
var $v =$("#v") ; //jQuery对象 var v=$v[0]; //js对象 alert(v.checked) //检测这个checkbox是否被选中
(2)jQuery本身提供,透過.get(index)
方法,得到對應的js物件
如:var $v=$("#v"); //jQuery对象 var v=$v.get(0); //js对象 alert(v.checked) //检测这个checkbox是否被选中
#js物件轉換成jquery物件
對於已經是一個js對象,只要用$()
把DOM物件包裝起來,就可以獲得一個jQuery物件了。
語法:$(js物件)
如:
var v=document.getElementById("v"); //js对象 var $v=$(v); //jQuery对象
轉換後,就可以任意使用jQuery的方法了。
相關影片教學推薦:jQuery教學(影片)
以上是jquery對象怎麼轉為js對象的詳細內容。更多資訊請關注PHP中文網其他相關文章!