前面我們學(xué)習(xí)了js的一些基礎(chǔ)，下面我們來(lái)看以下jquery

jquery 對(duì)象  與 DOM對(duì)象

jQuery對(duì)象與DOM對(duì)象是不一樣的，下面我們通過一個(gè)例子來(lái)講解倆者的差別

首先，用原生代碼，js原生代碼如下：

var div = document.getElementById('dv');
div.innerHTML="php 中文網(wǎng)";

以上代碼，通過原生DOM模型提供的document.getElementById(“dv”) 方法獲取的DOM元素就是一個(gè)DOM對(duì)象，再通過innerHTML與處理文本。

下面我們看jquery的代碼

$(function(){

    var div = $('#dv');

    div.html("php中文網(wǎng)");

});

通過$('#dv')方法會(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與jQuyer操作DOM的對(duì)比

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ì)更加精短。