jquery物件如何轉化成DOM物件

johnchou發表於2021-09-09

jquery物件是什麼?jquery物件是指jquery函式jquery()或者$()生成的dom包裝的物件。
$("#test").html() 意思是指:獲取ID為test的元素內的html程式碼。其中html()是jQuery物件中一個方法,與dom物件中的innerHtml 函式。以上這段程式碼轉換成Dom物件document.getElementById("id").innerHTML。
雖然jQuery物件是包裝DOM物件後產生的,但是jQuery無法使用DOM物件的任何方法,同理DOM物件也不能使用jQuery裡的方法.亂使用會報錯。比如:$("#test").innerHTML、document.getElementById("id").html()之類的寫法都是錯誤的。 
還有一個要注意的是:用#id作為選擇符取得的是jQuery物件與document.getElementById("id")得到的DOM物件,這兩者並不等價。 如果想要獲取jquery物件,可以直接使用Jquery()或者$()函式,傳入的引數可以使用標籤元素,或者css中類元素或者ID元素。javascript想要獲取dom元素可以使用document.getElementById或者getElementByName函式,傳入的引數是標籤元素。

那麼如何讓一個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是否被選中 

更多關於Jquery相關文章來自於成都SEO蜀逍遙部落格

 

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/4422/viewspace-2813301/,如需轉載,請註明出處,否則將追究法律責任。

相關文章