jQuery庫本質上還是JavaScript代碼，它只是對JavaScript語言進行包裝處理，為了是提供更好更方便快捷的DOM處理與開發常見中經常使用的功能。我們可以用jQuery的同時也能混合JavaScript原生代碼一起使用。通過jQuery生成的對象是一個做了包裝處理的對象，如果要用jQuery對象自己的方法，就需要滿足這個對象是通過jQuery生成的。 在很多場景中，我們需要jQuery與DOM能夠相互的轉換，它們都是操作的DOM元素，jQuery是一個類數組對象，DOM對象就是一個單獨的DOM元素。 **如何把jQuery對象轉成DOM對象？** **利用數組下標的方式讀取到jQuery中的DOM對象** HTML代碼 ~~~ <div>元素一</div> <div>元素二</div> <div>元素三</div> ~~~ JavaScript代碼 ~~~ var $div = $('div') //jQuery對象 var div = $div[0] //轉化成DOM對象 div.style.color = 'red' //操作dom對象的屬性 ~~~ 用jQuery找到所有的div元素（3個），因為jQuery 對象也是一個數組結構，可以通過數組下標索引找到第一個div元素，通過返回的div對象然后調用它style屬性然修改第一個div元素的顏色。這里需要注意的一點是，數組的索引是從0開始的，也就是第一個元素下標是0 **通過jQuery自帶的get()方法** jQuery對象自身提供一個.get() 方法允許我們直接訪問jQuery對象中相關的DOM節點，get方法中提供一個元素的索引： ~~~ var $div = $('div') //jQuery對象 var div = $div.get(0) //通過get方法，轉化成DOM對象 div.style.color = 'red' //操作dom對象的屬性 ~~~ 其實我們翻開源碼，看看就知道了，get方法就是利用的第一種方式處理的，只是包裝成一個get讓開發者更直接方便的使用。