對于才開始接觸jQuery庫的初學者，我們需要清楚認識一點： **jQuery對象與DOM對象是不一樣的** 可能一時半會分不清楚哪些是jQuery對象，哪些是DOM對象，下面重點介紹一下jQuery對象，以及兩者相互間的轉換。 通過一個簡單的例子，簡單區分下jQuery對象與DOM對象： `<p id=”imooc”></p>` 我們要獲取頁面上這個id為imooc的div元素，然后給這個文本節點增加一段文字：“您好！通過慕課網學習jQuery才是最佳的途徑”，并且讓文字顏色變成紅色。 **普通處理，通過標準JavaScript處理：** ~~~ var p = document.getElementById('imooc'); p.innerHTML = '您好！通過慕課網學習jQuery才是最佳的途徑'; p.style.color = 'red'; ~~~ 通過原生DOM模型提供的document.getElementById(“imooc”) 方法獲取的DOM元素就是DOM對象，通過DOM方法將自己的innerHTML與style屬性處理文本與顏色。 **jQuery的處理：** `var $p = $('#imooc');` $p.html('您好！通過慕課網學習jQuery才是最佳的途徑').css('color','red'); 通過$('#imooc')方法會得到一個$p的jQuery對象，$p是一個類數組的對象這個對象里面其實是包含了DOM對象的信息的然后封裝了很多操作方法，調用自己的方法html與css處理，得到的效果與標準的JavaScript處理結果是一致的。 通過標準的JavaScript操作DOM與jQuyer操作DOM的對比，我們不難發現： 1. 通過jQuery方法包裝后的對象，是jQuery對象，它是一個新的對象 2. jQuery與DOM對象完全不是同一個東西，但是又似曾相似，因為他們都能處理DOM 3. 通過jQuery處理DOM的操作，可以讓開發者更專注業務邏輯的開發，而不需要我們具體知道哪個DOM節點有那些方法，也不需要關心不同瀏覽器的兼容問題，我們可以通過jQuery更友好的API進行開發，同時代碼也會更加精短 PS：大家這里做個大概印象就OK，后面會有深入的講解。