DOM对象与jQuery对象

在原生Javascript代码中，通过document.方式获取的对象都是DOM对象。

使用调试工具调试

如下图所示，可以使用调试工具来对DOM对象和jQuery对象进行调试。

jQuery对象的获取

在jQuery代码中，使用选择器$(选择器)获取的对象就是jQuery对象。

如下图所示，可以使用调试工具来对jQuery对象进行调试。

DOM对象与jQuery对象的关系

进一步分析jQuery对象，发现其中存在一个索引为0的数据，可以确定jQuery是一个类数组的特殊对象。

如下图所示，可以继续分析jQuery对象中的相关元素。

综上所述，jQuery实质是一个类数组的特殊对象，这个对象是DOM对象的集合，每一个JQuery元素都是一个DOM对象。

DOM对象与jQuery对象的相互转换

1）将jQuery对象转化为DOM对象：

var DOM对象 jQuery对象[索引]; 或 var DOM对象 jQuery对象.get(索引); 示例代码和DOM对象与jQuery对象原理图。

2）将DOM对象转化为jQuery对象：

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

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。