搬砖笔记：详解Jquery对象和Dom对象

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

1. Jquery对象和dom对象定义
2. Jquery对象与dom对象区别
3. Jquery对象及运用举例
4. dom对象及运用举例
5. 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对象 <br>var JqObj = $(DomObj); //转换成jquery对象