jQuery对象和DOM对象

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');