1、DOM对象在原生Javascript代码中,通过document.方式获取的对象都是DOM对象。
2、使用调试工具调试如下图所示:
3、jQuery对象在jQuery代码,使用$(选择器)获取的对象就是jQuery对象。
4、使用调试工具,调试结果如下图所示:
5、DOM对象与jQuery对象的关系继续分析jQuery对象发现:
6、jQuer鲻戟缒男y对象中存在一个索引为0的数据,所以可以肯定jQuery是一个类数组的特殊对象,继续分析jQuery对象中的相关元素,如下图所示:综上所述:jQuery实质是一个类数组的特殊对象,这个对象是DOM对象的集合,每一个JQuery元素都是一个DOM对象。
7、DOM对象与门钙蹲茌jQuery对象的相互转换1).把jQuery对象转化为DOM对象varDOM对象= jQuery对象缪梨痤刻[索引];或var DOM对象 = jQuery对象.get(索引);示例代码和DOM对象与jQuery对象原理图:
8、把DOM的对象转化为jQuery对象varjQuery对象 = $(DOM对象);