1、dom对象是我们用原生js获得的对象,jQuery对象就是用jQuery的类库选择器获得的对象。jQuery对象是它本身独有的,和原生对象不可混用,同样,dom对象也不可以混用jq对象的方法!
比如,以下两行代码的作用是相同的
$("#color").html();
document.getElementById("color").innerHTML;
$("#id").innerHTML; // 错误写法
2、jq对象 > dom
jquery提供了两个方法可以实现jq对象转换为dom对象,即[index]和get(index),因为jquery对象实际上是伪数组对象!
var $cr = $("#cr"); //jquery对象
var cr = $cr[0]; //dom对象,也可写成 var cr= $cr.get(0);
alert(cr.checked); //检测这个checkbox是否给选中
3、dom对象 > jq对象
对于一个dom对象,只需要用$()把dom对象包装起来,就可以获得一个jquery对象了,方法为$(dom对象);
复制代码 代码如下:
var cr = document.getElementById("cr"); //dom对象
var $cr = $(cr); //转换成jquery对象