DOM（Document Object Model）是网页中各种元素的树形结构，我们可以通过JavaScript来访问和操作DOM元素。比如说，我们可以通过DOM来获取页面中的某个元素，修改该元素的样式或内容等。

//获取id为example的元素
var exam = document.getElementById('example');
//修改该元素的内容
exam.innerHTML = '这是修改后的内容';

然而，纯JavaScript操作DOM元素有些繁琐。于是就有了jQuery对象的出现。jQuery对象是一个封装了DOM元素的JavaScript对象，它能够简化对DOM元素的访问和处理。

//获取id为example的元素并改变其背景色
$('#example').css('background-color', 'red');

需要注意的是，jQuery对象是一种封装后的对象，而不是DOM原生对象。所以，我们不能使用原生的DOM属性和方法进行操作，需要使用jQuery方法。

//错误的用法，没有效果
$('#example').innerHTML = '这是修改后的内容';
//正确的用法，使用.text()方法
$('#example').text('这是修改后的内容');

总的来说，DOM和jQuery对象各有其优缺点，我们需要根据具体的场景和需求来选择使用哪种方式。