本篇文章主要讲解Jquery对象和DOM对象，主要围绕如下五个方面来介绍：

1   内容区

 1.1    Jquery对象和dom对象定义

jQuery对象：Jquery对象，通过jq选择器获取的对象;

dom对象：javascript对象，即通过js获取的对象；

 1.2    Jquery对象与dom对象区别

jquery对象指通过jquery选择器获取的对象，格式：$(selector)；

dom对象指通过原声js获取对象，如document.getElementById()；

1.3     Jquery对象及运用举例

var $obj = $("#id"); //jQuery对象

1.4     dom对象及运用举例

var DomObj = document.getElementById("id"); //dom对象

1.5    Jquery对象与dom对象相互转换

由于jq对象只能调用jq封装的方法，dom对象只能调用dom封装的方法，若想要jq对象和dom对象相互调用彼此封装的方法，首先必须将对象转化为要调用方法的对象，再调用，如dom对象想要调用jq方法.html()，则dom对象必须先转化为jq对象，再调用，否则出错（jq调用dom也是一样原理）；

1.5.1  jquery对象转化为dom对象

jquery提供了两种方法将一个jquery对象转换成一个dom对象，即[index]和get(index)。

var JqObj=$("#id"); //jquery对象 var DomObj = JqObj[0]; //dom对象 //也可写成如下 var DomObj=JqObj.get(0); alert(DomObj.checked); //是否选中checkbox

1.5.2  dom对象转换成jquery对象

对于dom对象，用$()把dom对象包裹起来即可，格式为：$(dom对象);

var DomObj=document.getElementById("ElementID"); //dom对象
var JqObj = $(DomObj); //转换成jquery对象

2  版权区