jQuery庫本質(zhì)上還是JavaScript代碼，它只是對(duì)JavaScript語言進(jìn)行包裝處理，為的是提供更好更方便快捷的DOM處理與開發(fā)中經(jīng)常使用的功能。我們使用jQuery的同時(shí)也能混合JavaScript原生代碼一起使用。在很多場(chǎng)景中，我們需要jQuery與DOM能夠相互的轉(zhuǎn)換，它們都是可以操作的DOM元素，jQuery是一個(gè)類數(shù)組對(duì)象，而DOM對(duì)象就是一個(gè)單獨(dú)的DOM元素。

如何把jQuery對(duì)象轉(zhuǎn)成DOM對(duì)象？

利用數(shù)組下標(biāo)的方式讀取到j(luò)Query中的DOM對(duì)象

HTML代碼

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

JavaScript代碼

var $div = $('div') //jQuery對(duì)象
var div = $div[0] //轉(zhuǎn)化成DOM對(duì)象
div.style.color = 'red' //操作dom對(duì)象的屬性

用jQuery找到所有的div元素（3個(gè)），因?yàn)閖Query對(duì)象也是一個(gè)數(shù)組結(jié)構(gòu)，可以通過數(shù)組下標(biāo)索引找到第一個(gè)div元素，通過返回的div對(duì)象，調(diào)用它的style屬性修改第一個(gè)div元素的顏色。這里需要注意的一點(diǎn)是，數(shù)組的索引是從0開始的，也就是第一個(gè)元素下標(biāo)是0

通過jQuery自帶的get()方法

jQuery對(duì)象自身提供一個(gè).get() 方法允許我們直接訪問jQuery對(duì)象中相關(guān)的DOM節(jié)點(diǎn)，get方法中提供一個(gè)元素的索引：

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

其實(shí)我們翻開源碼，看看就知道了，get方法就是利用的第一種方式處理的，只是包裝成一個(gè)get讓開發(fā)者更直接方便的使用。