js,jQuery,dom之間對象相互轉換

Jquery對象轉成DOM對象:

兩種轉換方式將一個jQuery對象轉換成DOM對象:[index]和.get(index); spa

(1)jQuery對象是一個數據對象,能夠經過[index]的方法,來獲得相應的DOM對象。 對象

如:var obj =$("#v") ; //jQuery對象  get

var v=obj[0]; //DOM對象 方法

alert(v.checked) //檢測這個checkbox是否被選中 checkbox

(2)jQuery自己提供,經過.get(index)方法,獲得相應的DOM對象 數據

如:var obj=$("#v"); //jQuery對象 query

var v=obj.get(0); //DOM對象 此時v爲DOM 對象 document

alert(v.checked) //檢測這個checkbox是否被選中 index

DOM對象轉成jQuery對象:

對於已是一個DOM對象,只須要用$()把DOM對象包裝起來,就能夠得到一個jQuery對象了。$(DOM對象)

如:var v=document.getElementById("v"); //DOM對象

var obj=$(v); //jQuery對象 obj 爲juqery對象

轉換後,就能夠任意使用jQuery的方法了。

經過以上方法,能夠任意的相互轉換jQuery對象和DOM對象。須要再強調注意的是:DOM對象才能使用DOM中的方法,jQuery對象是不能夠用DOM中的方法。

相關文章
相關標籤/搜索