DOM对象、JQuery对象

定义

DOM对象

   DOM（Document Object Model）即文档对象模型，DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。换句话说，这是表示和处理一个HTML或XML文档的常用方法。DOM可被 JavaScript 用来读取、改变 HTML、XHTML 以及 XML 文档。

   DOM对象，即是我们用传统的方法(javascript)获得的对象。

例如：var obj =document.getElementById("id");        //DOM对象

JQuery对象

   JQuery对象就是通过JQuery包装DOM对象后产生的对象。JQuery对象是JQuery独有的，其可以使用JQuery里的方法。

   JQuery对象即是用JQuery类库的选择器获得的对象。
例如：var $obj = $("#id");     //jQuery对象

相互转化

JQuery对象→DOM对象

   JQuery提供了两种将一个JQuery对象转换成一个DOM对象的方法，即[index]（JQuery对象是一个数据对象）和get(index)（JQuery本身提供）。
如：var $v =$("#v") ; //jQuery对象
var v=$v[0]; //DOM对象，也可写成 var v=$v.get(0);

DOM对象→JQuery对象

 （1）普通的DOM对象转换成jQuery对象，只需要通过jQuery提供的$()进行包装即可。

如：$(document.getElementById("msg"))

 （2）对于已经是一个DOM对象，只需要用$()把DOM对象包装起来，就可以获得一个JQuery对象了，$(DOM对象) 。
如：var v=document.getElementById("v"); //DOM对象
var $v=$(v); //jQuery对象

总结

   虽然JQuery对象是包装DOM对象后产生的，但是JQuery无法使用DOM对象的任何方法，同理DOM对象也不能使用JQuery里的方法，否则会报错。

如：$("#test").html();//获取ID为test的元素内的html代码，其中html()是jQuery里的方法。

document.getElementById("id").innerHTML;//DOM对象，其中innerHTML是DOM对象的方法。

   两者不能反过来调用！