在原生Javascript代碼中，通過(guò)document.方式獲取的對(duì)象都是DOM對(duì)象。 使用調(diào)試工具調(diào)試 如下圖所示，可以使用調(diào)試工具來(lái)對(duì)DOM對(duì)象和jQuery對(duì)象進(jìn)行調(diào)試。 jQuery對(duì)象

在原生Javascript代碼中，通過(guò)document.方式獲取的對(duì)象都是DOM對(duì)象。

使用調(diào)試工具調(diào)試

如下圖所示，可以使用調(diào)試工具來(lái)對(duì)DOM對(duì)象和jQuery對(duì)象進(jìn)行調(diào)試。

jQuery對(duì)象的獲取

在jQuery代碼中，使用選擇器$(選擇器)獲取的對(duì)象就是jQuery對(duì)象。

如下圖所示，可以使用調(diào)試工具來(lái)對(duì)jQuery對(duì)象進(jìn)行調(diào)試。

DOM對(duì)象與jQuery對(duì)象的關(guān)系

進(jìn)一步分析jQuery對(duì)象，發(fā)現(xiàn)其中存在一個(gè)索引為0的數(shù)據(jù)，可以確定jQuery是一個(gè)類數(shù)組的特殊對(duì)象。

如下圖所示，可以繼續(xù)分析jQuery對(duì)象中的相關(guān)元素。

綜上所述，jQuery實(shí)質(zhì)是一個(gè)類數(shù)組的特殊對(duì)象，這個(gè)對(duì)象是DOM對(duì)象的集合，每一個(gè)JQuery元素都是一個(gè)DOM對(duì)象。

DOM對(duì)象與jQuery對(duì)象的相互轉(zhuǎn)換

1）將jQuery對(duì)象轉(zhuǎn)化為DOM對(duì)象：

var DOM對(duì)象 jQuery對(duì)象[索引]; 或 var DOM對(duì)象 jQuery對(duì)象.get(索引); 示例代碼和DOM對(duì)象與jQuery對(duì)象原理圖。

2）將DOM對(duì)象轉(zhuǎn)化為jQuery對(duì)象：

var jQuery對(duì)象 $(DOM對(duì)象); 示例如下。