JavaScript DOM对象与Jquery对象的互转

DOM 对象转成 jQuery 对象

对于已经是一个 DOM 对象，只需要用 $() 把DOM对象包装起来，就可以获得一个 jQuery 对象了，$(DOM 对象)

代码如下：

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

两种转换方式 jQuery 对象转换成 DOM 对象： [index] 和 .get(index)；

(1) jQuery 对象是一个数据对象，可以通过 [index] 的方法，来得到相应的 DOM 对象。

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

(2) jQuery 本身提供，通过.get(index) 方法得到相应的 DOM 对象

var btn = $("#btn"); //jQuery 对象
var sbtn = btn.get(0); //DOM对象 ( btn.get()[0] 也可以 )