jQuery对象与DOM对象相互转化

jQuery对象与DOM对象

jQuery对象就是通过jQuery包装DOM对象后产生的对象

一、两者方法不互通

jQuery对象无法使用DOM对象的任何方法。

          例如  $("#id").innerHTML和$("#id").checked之类的写法都是错误的，

          可以用$("#id").html()和$("#id").attr("checked")之类的jQuery方法来代替。

DOM对象也不能使用jQuery里的方法。

          例如  document.getElementById("id").html()也是错的

          只能用document.getElementById("id").innerHTML语句

二、获取方法

//获取jQuery对象,在变量前加$
var $variable = jQuery对象;

//获取DOM对象
var variable  = DOM对象;

三、相互转换

1、jQuery对象转化为DOM对象

(1) jQuery对象是一个数组对象，可以通过[index]的方法得到相应的DOM对象。

var $cr  =  $("#cr");  //jQuery对象
var cr   =  $cr[0];    //DOM对象
alert(cr.checked);     //检测这个checkbox是否被选中

(2)通过get(index)方法得到相应的DOM对象

var $cr = $("#cr");     //jQuery对象
var  cr = $cr.get(0);   //DOM对象
alert(cr.checked);      //检测这个checkbox是否被选中

2、DOM对象转化为jQuery对象

只需要用$()把DOM对象包装起来，就可以获得一个jQuery对象

var cr = document.getElementById("cr");  //DOM对象
var $cr= $(cr);                          //jQuery对象