一开始总是对DOM对象和jQuery对象搞不清楚。现在对此做一下总结：
DOM 对象：文档对象模型。每一份DOM都可以看作一棵树。像ul,li ol dl p h1 等等都是DOM元素节点。可以通过js的getElementsByTagName 和 getElementById 来获取这些元素节点。像这样得到的DOM元素就是DOM对象。
DOM对象可以使用javascript中的方法。如：
var domObj = document.getElementById("id");
var objHtml = domObj.innerHTML;
jquery对象就是通过jquery包装DOM对象后产生的对象。
jquery对象可以使用jquery中的方法。如：
$("#foo").html();
这段代码等同于document.getElementById("foo").innerHTML;
当然，jquery对象和DOM对象可以相互转换：
jquery提供了两种方法将jquery对象转换成DOM对象：即[index] 和 get(index)
var $cr = $("#cr"); //jquery对象
var cr = document.getElementById("cr"); //DOM对象
现在将它们进行相互转换：
将jquery对象转换成DOM对象：
var $cr = $("#cr");
var cr = $cr[0]; //将jquery对象转换成了DOM对象。
将DOM对象转换成jquery对象：
var cr = document.getElementById("cr"); //声明了DOM对象
var $cr = $(cr); //将DOM对象转换成了jquery对象
通常是在jquery没有封装想要的方法，不得不使用DOM对象的时候，就需要对jquery对象转换成DOM对象。
原文：http://blog.csdn.net/sunny327/article/details/42008045