DOM對象與jQuery對象
在原生Javascript代碼中,通過document.方式獲取的對象都是DOM對象。 使用調試工具調試 如下圖所示,可以使用調試工具來對DOM對象和jQuery對象進行調試。 jQuery對象
在原生Javascript代碼中,通過document.方式獲取的對象都是DOM對象。
使用調試工具調試
如下圖所示,可以使用調試工具來對DOM對象和jQuery對象進行調試。
jQuery對象的獲取
在jQuery代碼中,使用選擇器$(選擇器)獲取的對象就是jQuery對象。
如下圖所示,可以使用調試工具來對jQuery對象進行調試。
DOM對象與jQuery對象的關系
進一步分析jQuery對象,發(fā)現(xiàn)其中存在一個索引為0的數(shù)據(jù),可以確定jQuery是一個類數(shù)組的特殊對象。
如下圖所示,可以繼續(xù)分析jQuery對象中的相關元素。
綜上所述,jQuery實質是一個類數(shù)組的特殊對象,這個對象是DOM對象的集合,每一個JQuery元素都是一個DOM對象。
DOM對象與jQuery對象的相互轉換
1)將jQuery對象轉化為DOM對象:
var DOM對象 jQuery對象[索引]; 或 var DOM對象 jQuery對象.get(索引); 示例代碼和DOM對象與jQuery對象原理圖。
2)將DOM對象轉化為jQuery對象:
var jQuery對象 $(DOM對象); 示例如下。
以上是關于DOM對象與jQuery對象的介紹和相互轉換的內容。