jQuery是一個類數組對象，而DOM對象就是一個單獨的DOM元素。

如何把jQuery對象轉成DOM對象？

<div>元素一</div>
<div>元素二</div>
<div>元素三</div>

var $div = $(‘div‘) //jQuery對象
var div = $div[0] //轉化成DOM對象
div.style.color = ‘red‘ //操作dom對象的屬性

用jQuery找到所有的div元素（3個），因為jQuery對象也是一個數組結構，可以通過數組下標索引找到第一個div元素，通過返回的div對象，調用它的style屬性修改第一個div元素的顏色。

jQuery對象自身提供一個.get() 方法允許我們直接訪問jQuery對象中相關的DOM節點，get方法中提供一個元素的索引：

var $div = $(‘div‘) //jQuery對象
var div = $div.get(0) //通過get方法，轉化成DOM對象
div.style.color = ‘red‘ //操作dom對象的屬性

DOM對象轉化成jQuery對象

var div = document.getElementsByTagName(‘div‘); //dom對象
var $div = $(div); //jQuery對象
var $first = $div.first(); //找到第一個div元素
$first.css(‘color‘, ‘red‘); //給第一個元素設置顏色

通過getElementsByTagName獲取到所有div節點的元素，結果是一個dom合集對象，不過這個對象是一個數組合集(3個div元素)。通過$(div)方法轉化成jQuery對象，通過調用jQuery對象中的first與css方法查找第一個元素並且改變其顏色。

JQuery與JavaScript