jquery物件和DOM物件如何相互轉換？

這篇文章跟大家介紹一下jquery物件和DOM物件的轉換，有需要的朋友可以參考一下，希望對你有幫助。

我們在上一篇文章jquery物件和DOM物件的差異有哪些？ 中也簡單介紹了關於jquery對象和DOM對象，知道了jquery對象和dom對像是不一樣的！例如jquery物件不能使用dom的方法，dom物件不能使用jquery方法，那假如jquery沒有封裝我要的方法，那怎麼辦呢？這時我們可以將jquer物件轉換成dom物件。

所以接下來的我們就直接來看看jquery物件如何轉換為DOM物件。

jquery物件轉換為DOM物件有兩種方法可以實作：[index]和get(index)，下面我們分別看看這兩種方法的實作

jquery物件轉換為DOM物件的第一種方法：透過[index]的方法

jQuery物件是一個資料對象，可以透過[ index]的方法，來得到對應的DOM物件。

var $v =$("#v") ; //jQuery对象
var v=$v[0]; //DOM对象
alert(v.checked) //检测这个checkbox是否被选中

jquery物件轉換為DOM物件的第二種方法：透過get(index)的方法

jQuery本身提供，透過.get(index)方法，得到對應的DOM對象。

var $v=$("#v"); //jQuery对象
var v=$v.get(0); //DOM对象
alert(v.checked) //检测这个checkbox是否被选中

看完了jquery物件轉換為DOM物件後，我們就來看DOM物件如何轉換為jquery物件？

DOM物件轉換為jquery物件只需要用$()把DOM物件包裝起來，就可以獲得一個jQuery物件了，轉換後可以任意使用jquery中的方法了。

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

以上就是本篇文章的全部內容了，關於jquery物件和dom物件的更多精彩內容大家可以參考php中文網的jquery手冊和javascript手冊來進一步了解！ ！ ！

以上是jquery物件和DOM物件如何相互轉換？的詳細內容。更多資訊請關注PHP中文網其他相關文章！