DOM物件與jquery物件的相互轉換

本章節介紹一下如何進行原生js物件魚jquery物件的相互轉換，這個問題或許會對初學者帶來一定的困擾。

jquery物件就是dom物件被jQuery封裝後產生的物件，jquery物件可以可以jquery方法，而原生的js物件不能夠使用jquery方法。

dom物件則是js固有，dom物件可以使用原生的js方法，不能夠使用jquery的方法。

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

只要使用$()即可將dom物件轉換為jquery物件，程式碼如下:

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

上面的程式碼實現了dom物件向jquery物件的轉換。

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

由jquery物件轉換為dom物件的方式其實有很多，下面就簡單介紹比較常用的兩種。

1.jquery物件其實是一個dom物件集合，所以使用索引的方式即可獲取dom物件，程式碼如下:

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

2.使用jquery自帶的方法:

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