jQuery对象、DOM对象

jQuery对象 ： 通过jQuery包装DOM对象后产生的对象。

（1）jQuery对象是jQuery独有的，可以使用jQuery里面的方法。

比如：我要获取ID为"test"的元素内的html，在jQuery里面就是：$("test").html();

等同于 document.getElementById("id").innerHTML;

（2）虽然jQuery对象是包装DOM对象后产生的，但是jQuery无法使用DOM对象的任何方法，同理DOM对象也不能使用jQuery里的方法。

比如： $("#test").innerHTML、document.getElementById("id").html() 写法是错的。

jQuery对象转成DOM对象 ： 两种转换方式 。

（1）若jQuery对象是一个数据对象，可以通过[index]的方法，来得到相应的DOM对象。

比如：var a = $("#test"); //a 是一个jQuery对象

var b = a[0]; //b是一个DOM对象

（2）由jQuery自身提供，通过.get(index)方法，得到相应的DOM对象。

比如：var a = $("#test");

var b = a.get(0);

DOM对象转成jQuery对象

如果已经是一个DOM对象了，只需要用$()把DOM对象包装起来，就可以获得一个jQuery对象 。转换后，就可以任意使用jQuery的方法 。

比如：var a = document.getElementById("test"); //DOM对象

var b = $(a); //jQuery对象

特别注意：jQuery 和 DOM对象 不能交叉使用各自的方法，需要转换。