1. 程式人生 > >DOM對象和jQuery互轉

DOM對象和jQuery互轉

scrip jquery 兩種 通過 需要 tel dom ron blog

一、jQuery對象轉成DOM對象:
兩種轉換方式將一個jQuery對象轉換成DOM對象:[index]和.get(index);
(1)jQuery對象是一個數據對象,可以通過[index]的方法,來得到相應的DOM對象。

var $v =$("#v") ; //jQuery對象 
var v=$v[0]; //DOM對象 
alert(v.checked) //檢測這個checkbox是否被選中 

(2)jQuery本身提供,通過.get(index)方法,得到相應的DOM對象

var $v=$("#v"); //jQuery對象 
var v=$v.get(0); //DOM對象 
alert(v.checked) //檢測這個checkbox是否被選中


二、DOM對象轉成jQuery對象:
對於已經是一個DOM對象,只需要用$()把DOM對象包裝起來,就可以獲得一個jQuery對象了。$(DOM對象)

var v=document.getElementById("v"); //DOM對象 
var $v=$(v); //jQuery對象 

轉換後,就可以任意使用jQuery的方法了。
通過以上方法,可以任意的相互轉換jQuery對象和DOM對象。需要再強調註意的是:DOM對象才能使用DOM中的方法,jQuery對象是不可以用DOM中的方法。

DOM對象和jQuery互轉