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

在原生Javascript代碼中，通過document.方式獲取的對象都是DOM對象。

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

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

jQuery對象的獲取

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

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

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

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

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

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

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

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

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

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

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