jQuery对象和DOM对象

最新推荐文章于 2022-07-18 10:57:37 发布

原创最新推荐文章于 2022-07-18 10:57:37 发布 · 92 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文详细介绍了jQuery对象和DOM对象的区别。DOM对象通过原生JavaScript方法如getElementById和getElementsByTagName获取，而jQuery对象则是通过$()选择器创建，它是一个DOM对象集合的包装。jQuery对象提供了丰富的API，如.text()，而直接操作DOM对象则需要使用innerText等属性。理解两者之间的差异对于优化JavaScript代码和提升性能至关重要。

jQuery对象和DOM对象的区别

DOM对象

用原生JavaScript获取的DOM对象

通过document.getElementById() 反馈的是元素(DOM对象)

通过document.getElementsByTagName()获取到的是什么？

伪数组(集合)，集合中的每一个对象是DOM对象

jQuery对象

jQuery对象用$()的方式获取的对象

jQuery对象又可以叫做包装集(包装的DOM对象的集合)

区别

jQuery对象不能使用DOM对象的成员，DOM对象不能使用jQuery对象的成员

// DOM对象

var box = document.getElementById('box');

// 错误

box.text('hello');

// 正确

box.innerText = 'hello';



// jQuery对象，jQuery对象加前缀$，用以区分DOM对象

var $box = $('#box');

// 错误

$box.innerText = 'hello';

// 正确

$box.text('hello');