刚开始学习jquery，可能一时会分不清楚哪些是jquery对象，哪些是dom对象。至于dom对象不多解释，我们接触的太多了，下面重点介绍一下jquery，以及两者相互间的转换
这几天会将jquery的一些使用方法总结一下，希望能对jquery初学者起到一定的帮助作用。
今天主要看看jquery对象和dom对象的相互转换，明白了这个，以后用起jquery会方便很多。
1、方法名冲突的解决办法 在开始使用jquery时，我们首先应该避免jquery与其他类库或自定义js的冲突。 先看一段最简单的代码：
复制代码 代码如下:
jquery(document).ready(function() {
    alert(welcome!);
});
在这里没有使用$(document)这种写法，因为很多时候我们自己定义了$(id)方法用来获得元素，并且在prototype等类库中也定义了$()方法。所以，为了避免冲突，建议大家也使用jquery(#id)这种写法。
2、jquery对象与dom对象的相互转换 jquery对象转dom对象： jquery(#id)获得的是一个jquery对象，它和普通的dom对象是不同的，所以不能直接使用dom对象定义的方法。由于jquery对象本身就是一个集合，所以可以通过索引将jquery对象转换成dom对象，如jquery(#id)[0]就是一个dom对象。 看下边一个例子：
复制代码 代码如下:
要显示的内容1
    要显示的内容2
    要显示的内容3
要获得span中的内容，使用以下方法均正确。
复制代码 代码如下:
//jquery方法,获得第一个span内容
jquery(#show span).html();
//获得第三个span内容
jquery(#show span)[2].innerhtml;
//eq()返回jquery对象,从eq(0)开始。获得第二个span内容
jquery(#show span).eq(1)[0].innerhtml;
//get()直接返回dom对象,从get(0)开始。获得第三个span内容
jquery(#show span).get(2).innerhtml;
dom对象转jquery对象： 使用jquery()就可将dom对象转为jquery对象。 如：
复制代码 代码如下:
jquery(document.getelementbyid(show)).html();
输出结果为：
复制代码 代码如下:
要显示的内容1
    要显示的内容2
    要显示的内容3
这样就实现了jquery对象和dom对象的相互转换，比如想让焦点停留在id为focus的文本框。只需：
复制代码 代码如下:
jquery(#focus)[0].focus();
什么是jquery对象？
---就是通过jquery包装dom对象后产生的对象。jquery对象是jquery独有的，其可以使用jquery里的方法。
比如：
$(#test).html() 意思是指：获取id为test的元素内的html代码。其中html()是jquery里的方法
这段代码等同于用dom实现代码：
复制代码 代码如下:
document.getelementbyid(id).innerhtml;
虽然jquery对象是包装dom对象后产生的，但是jquery无法使用dom对象的任何方法，同理dom对象也不能使用jquery里的方法.乱使用会报错。比如：$(#test).innerhtml、document.getelementbyid(id).html()之类的写法都是错误的。
还有一个要注意的是：用#id作为选择符取得的是jquery对象与document.getelementbyid(id)得到的dom对象，这两者并不等价。请参看如下说的两者间的转换。
既然jquery有区别但也有联系，那么jquery对象与dom对象也可以相互转换。在再两者转换前首先我们给一个约定：如果一个获取的是 jquery对象，那么我们在变量前面加上$，如：var $variab = jquery对象；如果获取的是dom对象，则与习惯普通一样：var variab = dom对象；这么约定只是便于讲解与区别，实际使用中并不规定。
jquery对象转成dom对象：
两种转换方式将一个jquery对象转换成dom对象：[index]和.get(index);
(1)jquery对象是一个数据对象，可以通过[index]的方法，来得到相应的dom对象。
如：
复制代码 代码如下:
var $v =$(#v) ; //jquery对象
var v=$v[0]; //dom对象
alert(v.checked) //检测这个checkbox是否被选中
(2)jquery本身提供，通过.get(index)方法，得到相应的dom对象
如：
复制代码 代码如下:
var $v=$(#v); //jquery对象
var v=$v.get(0); //dom对象
alert(v.checked) //检测这个checkbox是否被选中
dom对象转成jquery对象:
对于已经是一个dom对象，只需要用$()把dom对象包装起来，就可以获得一个jquery对象了。$(dom对象)
如：var v=document.getelementbyid(v); //dom对象
var $v=$(v); //jquery对象
转换后，就可以任意使用jquery的方法了。
通过以上方法，可以任意的相互转换jquery对象和dom对象。需要再强调注意的是：dom对象才能使用dom中的方法，jquery对象是不可以用dom中的方法。
转换案例：
获取jquery对象的方法
var jqueryobject = $(#test); //jqeuryobject为一个jquery对象，它可以使用jquery的所有方法但是不能使用
var jqueryobject = $(#test); //jqeuryobject为一个jquery对象，它可以使用jquery的所有方法但是不能使用
dom对象的方法
var domobject = document.getelementbyid(test);//domobject为一个dom对象，它可以使用dom的所有方法，但是不能使用jquery的方法
var domobject = document.getelementbyid(test);//domobject为一个dom对象，它可以使用dom的所有方法，但是不能使用jquery的方法
jquery对象->dom对象
var jqueryobject = $(#test);//获取jquery对象
var domobject = jqueryobject[0];//jquery对象转换为dom对象
var jqueryobject = $(#test);//获取jquery对象
var domobject = jqueryobject[0];//jquery对象转换为dom对象
dom对象->jquery对象
var domobject = document.getelementbyid(test);//获取dom对象
var jqueryobject = $(domobject);//dom对象转换为jquery对象
使用jquery时，有时需要使用原始dom对象的方法，例如调用activex控件的某些方法时，此时就需要将jquery对象转换为dom对象，转换方法如下：
方法1： $(xxx)[index]
方法2：$(xxx).get(index)
方法3：$(xxx).eq(index)[0]