jquery对象和DOM对象的区别

DOM对象是JavaScript获得的对象，比如 var box = document.getElementById("#box") ,其中box 是dom对象。

jQuery对象就是用jQuery的类库选择器获得的对象。是通过jQuery包装DOM对象后产生的对象。是一个数组对象。 var $box = $("#box")

DOM对象不能用jquery对象的方法，相反jquery对象也不能用dom对象的方法。比如下面的例子就是错的

$("#box").innerhtml(); //错误
document.getElementById(“#box”).html();//错误

但是这两种对象之前是可以通过相互转换达到调用对方的方法，例如

jquery提供了两种方法将一个jquery对象转换成一个dom对象，即[index]和get(index)。用这两种方法的原因是jquery对象是一个数组对象。

1、jquery对象转化成DOM对象的方法，例子如下：

var $box=$("#box"); //jquery对象
var box = $box[0]; //dom对象 也可写成 var a=$a.get(0);
alert(box.checked); //检测这个checkbox是否给选中

 2、DOM对象转换成jquery对象(只需要用$( )讲DOM对象包起来。$(DOM对象))

var  box=document.getElementById("#box"); //dom对象
var $box = $(box); //转换成jquery对象