jQuery对象与dom对象相互转换

通过jQuery方式获取的对象不能直接使用JavaScript的一些方法的，原来jQuery获得的对象并不和我们平时使用getElementById获得的对象是一样的对象。这就是为什么${"#Element"}不能直接 innerHTML属性的原因。

     只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jquery对象。jQuery对象与dom对象之间可以相互转换。

1、DOM对象转jquery对象
普通的dom对象一般可以通过$()转换成jquery对象。

如：$(document.getElementById("msg"))
返回的就是jquery对象，可以使用jquery的方法。

2、jquery对象转DOM对象
由于jquery对象本身是一个集合。所以如果jquery对象要转换为dom对象则必须取出其中的某一项，一般可通过索引取出。
如： $("#msg")[0]，$("div").eq(1)[0]，$("div").get()[1]，$("td")[5]

这些都是dom对象，可以使用dom中的方法，但不能再使用Jquery的方法。
以下几种写法都是正确的：

 $("#msg").html();
 $("#msg")[0].innerHTML;
 $("#msg").eq(0)[0].innerHTML;
 $("#msg").get(0).innerHTML;