jquery對象和DOM對象的相互轉換

jquery對象和DOM對象的相互轉換的問題在實際編寫代碼的過程中是經常遇到的問題，對於這個問題的研究，我們可以先約定好變量的風格：

如果獲取的對象是jquery對象，那麼在變量前面加上$.如下所示：

var $variable = jquery對象

如果獲取的對象是DOM對象，則定義如下：

var variable = DOM對象

下面具體說說jquery對象和DOM對象是如何轉換的：

1.jquery對象轉換成DOM對象：

jquery對象不能使用DOM中的方法，但是如果對jquery對象所提供的方法不熟悉，或者jquery沒有封裝想要的方法，不得不使用DOM對象的時候，有以下兩種方法：

（1）jquery對象是一個類似數組的對象，可以通過[index]的方法得到相應的DOM對象；

代碼如下：

var $axin = $("#axin");//jquery對象
var axin = $axin[0];//DOM對象

（2）通過jquery自身提供的get(index)方法得到相應的DOM對象：

代碼如下：

var $axin = $("#axin");//jquery對象
var axin = $axin.get(0);//DOM對象

2.DOM對象轉換成jquery對象：

對於DOM對象只需要用$()把DOM對象包裝起來就行了

代碼如下：

var axin = document.getElementById("axin");//DOM對象
var $axin = $(axin);//jquery對象

最後還要注意的是隻有DOM才能使用DOM中的方法，jquery對象不能使用DOM對象中的方法。