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

jQuery对象和DOM对象都是获取到的页面节点对象，为何还须要相互转化呢？

缘由是在 jQuery 对象中没法使用 DOM 对象的任何方法，如 $("p").innerHtml 是错误的，由于它的写法是 $("p").html()。一样，DOM对象中也不能用 jQuery 对象中的方法，如 document.getElementsByTagName("p").html() 是错误的。

一、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)'

二、DOM 对象转化为 jQuery 对象

同理，DOM 对象若是想要用 jQuery 对象中的方法，DOM 对象就须要转化为 jQuery 对象。DOM 对象转化为 jQuery 对象代码以下：

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