我们要获取页面上这个id为imooc的p元素，然后给这个文本节点增加一段文字：“您好！通过慕课网学习jquery才是最佳的途径”，并且让文字颜色变成红色。
普通处理，通过标准javascript处理：
var p = document.getelementbyid('imooc');p.innerhtml = '您好！通过慕课网学习jquery才是最佳的途径';p.style.color = 'red';
通过原生dom模型提供的document.getelementbyid(“imooc”) 方法获取的dom元素就是一个dom对象，再通过innerhtml与style属性处理文本与颜色。
jquery的处理：
var $p = $('#imooc');$p.html('您好！通过慕课网学习jquery才是最佳的途径').css('color','red');
通过$('#imooc')方法会得到一个$p的jquery对象，$p是一个类数组对象。这个对象里面包含了dom对象的信息，然后封装了很多操作方法，调用自己的方法html与css，得到的效果与标准的javascript处理结果是一致的。
通过标准的javascript操作dom与jquery操作dom的对比，我们不难发现：
通过jquery方法包装后的对象，是一个类数组对象。它与dom对象完全不同，唯一相似的是它们都能操作dom。
通过jquery处理dom的操作，可以让开发者更专注业务逻辑的开发，而不需要我们具体知道哪个dom节点有那些方法，也不需要关心不同浏览器的兼容性问题，我们通过jquery提供的api进行开发，代码也会更加精短。
本文讲解了jquery对象与dom对象内容，更多请关注。
相关推荐：
jquery插件开发标准写法
markdown基本语法和使用方法
使用form、formdata进行的文件提交。
以上就是jquery对象与dom对象的详细内容。