jQuery物件與DOM物件之轉換

在實際應用中，兩種物件可能需要互相轉換，因為JQuery物件不能夠使用DOM物件的方法，DOM物件也不能夠使用jQuery物件的方法，下面就簡單介紹一下jQuery物件和DOM物件相互轉換的方式:

一.獲取jQuery物件的方法:

[JavaScript] 純文字檢視 複製程式碼
var jqueryObject = $("#test"); 
//jqeuryObject為一個Jquery物件，它可以使用jQuery的所有方法但是不能使用

二.DOM物件的方法:

[JavaScript] 純文字檢視 複製程式碼
var DOMObject = document.getElementById("test");
//DOMObject為一個DOM物件，可以使用DOM的方法，不能使用jQuery的方法

三.jQuery物件轉換為DOM物件:

[JavaScript] 純文字檢視 複製程式碼
var jqueryObject = $("#test");//獲取jquery物件 
var DOMObject = jqueryObject[0];//jquery物件轉換為DOM物件

四.DOM物件轉換為jQuery物件:

[JavaScript] 純文字檢視 複製程式碼
var DOMObject = document.getElementById("test");//獲取DOM物件
var jqueryObject = $(DOMObject);//DOM物件轉換為jquery物件

最後簡單總結:

1.通過$()獲得物件為jQuery物件，例如$("id")。

2.通過索引方式從jQuery物件獲得物件為DOM物件，例如$("id")[0]。

3.jQuery的某些方法也可以獲取DOM元素，例如$("id").get(0)，和第二個類似。