jQuery对象与DOM对象的相互转化

jquery对象和dom对象都是获取到的页面节点对象，为什么还需要相互转化呢？

原因是在 jquery 对象中无法使用 dom 对象的任何方法，如 $("p").innerhtml 是错误的，因为它的写法是 $("p").html()。同样，dom对象中也不能用 jquery 对象中的方法，如 document.getelementsbytagname("p").html() 是错误的。

1、jquery 对象转化为 dom 对象

jquery对象如果想要用 dom 对象中的方法，就需要转化为 dom 对象。jquery对象转化为 dom 对象有两种方式，代码如下：

var $test = $("test");
var test = $test[0];   // jquery对象是一个数组，可以通过索引得到 dom 对象

或者：

// 用jquery提供的get(index) 方法得到 dom 对象
var test = $test.get(0)'

2、dom 对象转化为 jquery 对象

同理，dom 对象如果想要用 jquery 对象中的方法，dom 对象就需要转化为 jquery 对象。dom 对象转化为 jquery 对象代码如下：

var test = document.getelementbyid("p");
var $test = $(test);  // 用jquery 的工厂方法