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对象