要理解DOM對(duì)象和jQuery對(duì)象的區(qū)別,需要先了解它們的本質(zhì)。DOM對(duì)象是一種從網(wǎng)頁(yè)文檔中抽象出來(lái)的JavaScript對(duì)象,表示網(wǎng)頁(yè)文檔中的各個(gè)元素。而jQuery對(duì)象是由一個(gè)函數(shù)創(chuàng)建出來(lái)的,它可以當(dāng)做一個(gè)工具來(lái)操作DOM元素。對(duì)于那些具有一些不錯(cuò)的設(shè)計(jì)的網(wǎng)頁(yè),jQuery是一個(gè)靈活的工具來(lái)處理DOM對(duì)象的集合。
可以通過(guò)一些方法將DOM對(duì)象轉(zhuǎn)換成jQuery對(duì)象。最簡(jiǎn)單的方法是使用$()方法。$()方法可以接收DOM對(duì)象或者DOM的id或DOM的name,返回一個(gè)jQuery對(duì)象。示例代碼如下:
// 獲取DOM對(duì)象 var dom = document.getElementById('test'); // 將DOM對(duì)象轉(zhuǎn)換為jQuery對(duì)象 var $dom = $(dom);
此時(shí),$dom對(duì)象就是jQuery對(duì)象,可以使用它來(lái)調(diào)用jQuery的其他方法,例如addClass、removeClass等等操作。使用jQuery對(duì)象的好處是它不僅提供了DOM對(duì)象的所有屬性、方法,還可以用鏈?zhǔn)秸{(diào)用語(yǔ)法來(lái)調(diào)用jQuery的其他方法。
如果HTML文檔經(jīng)常需要被操作,尤其是如果需要按照不同的條件進(jìn)行篩選和過(guò)濾時(shí),jQuery對(duì)象肯定是更加方便的選擇。在對(duì)DOM對(duì)象進(jìn)行任何操作之前,最好將它們轉(zhuǎn)換成jQuery對(duì)象,這樣可以大大簡(jiǎn)化開發(fā)工作。