DOM与jQuery对象的转换与区别
1、 文档对象模型元素
2、 在原生JavaScript中,通过document方法获取的元素均为DOM对象。
3、 调试工具使用方法所示。
4、 jQuery对象是封装了DOM元素的集合。
5、 在jQuery中,通过\$(选择器)获取的元素即为jQuery对象。
6、 利用调试工具进行测试,结果所示。
7、 DOM对象和jQuery对象可相互转换,各自操作网页元素。
8、 深入剖析jQuery对象可知:
9、 jQuery对象包含一个索引为0的数据,表明它是一种类数组的特殊对象。进一步分析其内部元素结构,可发现其兼具数组特征与对象特性,具体构成所示。
10、 jQuery本质上是一个类似数组的特殊对象,它包含多个DOM元素,每个jQuery元素对应一个DOM对象,形成对DOM集合的封装与操作。
11、 DOM对象与jQuery对象可相互转换使用。
12、 将jQuery对象转换为原生DOM元素。
13、 jQuery对象可赋值给DOM对象进行操作处理。
14、 或
15、 通过索引从jQuery对象获取对应的DOM元素。
16、 示例代码及DOM与jQuery对象的原理示意图
17、 将DOM元素转换为jQuery对象
18、 通过\$()函数将DOM对象转换为jQuery对象。
