jquery對象與Dom對象互轉方法

jQuery對象轉成DOM對象: 數組

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

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

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

var v=$v[0]; //DOM對象 文檔

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

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

如:var $v=$("#v"); //jQuery對象 方法

var v=$v.get(0); //DOM對象 im

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



  選擇文檔中全部圖像做爲元素數組,並用數組內建的 reverse 方法將dom對象數組反向。

   HTML 代碼:


<img src="test1.jpg"/> <img src="test2.jpg"/>
jQuery 代碼:
$("img").get().reverse();


DOM對象轉成jQuery對象:

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

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

var $v=$(v); //jQuery對象

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

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

相關文章
相關標籤/搜索