dom物件和jQuery物件相互轉換簡單介紹

在實際應用中，可能會遇到dom物件與jQuery物件相互轉換。

本章節就通過簡短的程式碼例項介紹一下如何實現此操作。

一.jQuery物件轉換為dom物件:

所謂的jQuery物件其實是一個類陣列物件，可以使用索引獲取物件中的每一個dom元素。

程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
var $jq=$("#antzone");//jQuery物件
var dom=$jq[0]//DOM物件

上面的程式碼實現了轉換效果，使用get()方法也能夠實現轉換:

[JavaScript] 純文字檢視 複製程式碼
var $jq=$("#antzone");//jQuery物件
var dom=$jq.get(0)//DOM物件

get()方法可以參閱jQuery get()一章節。

二.dom物件轉換為jQuery物件:

轉換為jQuery物件非常的簡單，只要使用$轉換一下即可，程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
var dom=document.getElementById("antzone");
var $jq=$(dom)