jquery对象与dom对象相互转换

通过jquery选择器所获取的元素对象和通过HTML DOM的getElementById等查找元素方法所获取的元素对象是两种不同的对象，通过jquery选择器所获取的元素对象是jquery对象，不能使用DOM的方法，而通过HTML DOM的getElementById等查找元素方法所获取的元素对象是DOM对象，也不能使用jquery的方法。

比如$("#myid")所获取的就是jquery对象，如果要想获取其中的内容，就可以用jquery方法来获取：$("#myid").html()，如果用$("#myid").innerHTML是获取不到的，因为innerHTML是DOM的方法。

同样，getElementById("myid")获取到的DOM对象，如果要想获取其中的内容，就可以用DOM方法来获取：getElementById("myid").innerHTML，如果用getElementById("myid").html()是获取不到的，因为html()是jquery方法，只有jquery对象才能使用。

所以在开发中，很多人都有一个约定俗成的习惯，在获取的jquery对象的变量前面加上符号“$”以便区分jquery对象和DOM对象。

可以通过转换，可以把jquery对象转换成DOM对象，以便可以使用jquery的方法；或者把DOM对象转换成jquery对象，以便可以使用DOM的方法和属性。

一、jQuery对象转成DOM对象：

1、[index]

jquery选择器获取的是一个类数组，可以通过索引[index]的方法，来获取到响应的DOM对象

var $v =$("#v") ; //jQuery对象
var v=$v[0]; //DOM对象

2、get(index)

get(index)是jquery提供的获取相应的DOM对象的方法

var $v=$("#v"); //jQuery对象
var v=$v.get(0); //DOM对象

二、DOM对象转成jQuery对象

1、把DOM对象用$()把包起来

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

转换后，就可以任意使用jQuery的方法了。

强调：
DOM对象才能使用DOM中的方法，jquery对象是不可以用DOM中的方法。
同样，jquery对象才能使用jquery中的方法，DOM对象是不可以使用jquery中的方法的。