對(duì)于才開始接觸jQuery庫的初學(xué)者，我們需要清楚認(rèn)識(shí)一點(diǎn)：

jQuery對(duì)象與DOM對(duì)象是不一樣的

可能一時(shí)半會(huì)分不清楚哪些是jQuery對(duì)象，哪些是DOM對(duì)象，下面重點(diǎn)介紹一下jQuery對(duì)象，以及兩者相互間的轉(zhuǎn)換。

通過一個(gè)簡單的例子，簡單區(qū)分下jQuery對(duì)象與DOM對(duì)象：

<p id=”imooc”></p>

我們要獲取頁面上這個(gè)id為imooc的p元素，然后給這個(gè)文本節(jié)點(diǎn)增加一段文字：“您好！通過慕課網(wǎng)學(xué)習(xí)jQuery才是最佳的途徑”，并且讓文字顏色變成紅色。

普通處理，通過標(biāo)準(zhǔn)JavaScript處理：

var p = document.getElementById('imooc');
p.innerHTML = '您好！通過慕課網(wǎng)學(xué)習(xí)jQuery才是最佳的途徑';
p.style.color = 'red';

通過原生DOM模型提供的document.getElementById(“imooc”) 方法獲取的DOM元素就是一個(gè)DOM對(duì)象，再通過innerHTML與style屬性處理文本與顏色。

jQuery的處理：

var $p = $('#imooc');
$p.html('您好！通過慕課網(wǎng)學(xué)習(xí)jQuery才是最佳的途徑').css('color','red');

通過$('#imooc')方法會(huì)得到一個(gè)$p的jQuery對(duì)象，$p是一個(gè)類數(shù)組對(duì)象。這個(gè)對(duì)象里面包含了DOM對(duì)象的信息，然后封裝了很多操作方法，調(diào)用自己的方法html與css，得到的效果與標(biāo)準(zhǔn)的JavaScript處理結(jié)果是一致的。

通過標(biāo)準(zhǔn)的JavaScript操作DOM與jQuery操作DOM的對(duì)比，我們不難發(fā)現(xiàn)：

1. 通過jQuery方法包裝后的對(duì)象，是一個(gè)類數(shù)組對(duì)象。它與DOM對(duì)象完全不同，唯一相似的是它們都能操作DOM。
2. 通過jQuery處理DOM的操作，可以讓開發(fā)者更專注業(yè)務(wù)邏輯的開發(fā)，而不需要我們具體知道哪個(gè)DOM節(jié)點(diǎn)有那些方法，也不需要關(guān)心不同瀏覽器的兼容性問題，我們通過jQuery提供的API進(jìn)行開發(fā)，代碼也會(huì)更加精短。

PS：大家這里做個(gè)大概印象就OK，后面會(huì)有深入的講解。