jQuery對(duì)象與DOM對(duì)象是不一樣的。通過(guò)一個(gè)簡(jiǎn)單的例子儡首,簡(jiǎn)單區(qū)分下jQuery對(duì)象與DOM對(duì)象:
我們要獲取頁(yè)面上這個(gè)id為imooc的div元素,然后給這個(gè)文本節(jié)點(diǎn)增加一段文字:“您好偏友!通過(guò)慕課網(wǎng)學(xué)習(xí)jQuery才是最佳的途徑”,并且讓文字顏色變成紅色对供。普通處理位他,通過(guò)標(biāo)準(zhǔn)JavaScript處理:
var p = document.getElementById('imooc');
p.innerHTML = '您好!通過(guò)慕課網(wǎng)學(xué)習(xí)jQuery才是最佳的途徑';
p.style.color = 'red';
通過(guò)原生DOM模型提供的document.getElementById(“imooc”) 方法獲取的DOM元素就是DOM對(duì)象产场,通過(guò)DOM方法將自己的innerHTML與style屬性處理文本與顏色鹅髓。jQuery的處理:
var $p = $('#imooc');
$p.html('您好!通過(guò)慕課網(wǎng)學(xué)習(xí)jQuery才是最佳的途徑').css('color','red');
通過(guò)$('#imooc')方法會(huì)得到一個(gè)$p的jQuery對(duì)象京景,$p是一個(gè)類數(shù)組的對(duì)象這個(gè)對(duì)象里面其實(shí)是包含了DOM對(duì)象的信息的然后封裝了很多操作方法窿冯,調(diào)用自己的方法html與css處理,得到的效果與標(biāo)準(zhǔn)的JavaScript處理結(jié)果是一致的确徙。
通過(guò)標(biāo)準(zhǔn)的JavaScript操作DOM與jQuyer操作DOM的對(duì)比醒串,我們不難發(fā)現(xiàn):
通過(guò)jQuery方法包裝后的對(duì)象,是jQuery對(duì)象鄙皇,它是一個(gè)新的對(duì)象
jQuery與DOM對(duì)象完全不是同一個(gè)東西芜赌,但是又似曾相似,因?yàn)樗麄兌寄芴幚鞤OM
通過(guò)jQuery處理DOM的操作伴逸,可以讓開(kāi)發(fā)者更專注業(yè)務(wù)邏輯的開(kāi)發(fā)缠沈,而不需要我們具體知道哪個(gè)DOM節(jié)點(diǎn)有那些方法,也不需要關(guān)心不同瀏覽器的兼容問(wèn)題错蝴,我們可以通過(guò)jQuery更友好的API進(jìn)行開(kāi)發(fā)洲愤,同時(shí)代碼也會(huì)更加精短