jQuery对象和DOM对象的相互转换

之前虽然好多地方用到了jQuery，但是并没有系统的学过，所以近期想认真的学一下。

首先简单说一下DOM对象和jQuery对象：

DOM对象

DOM对象其实就是DOM树中的元素节点，比如说使用getElementById获取的元素节点就是一个DOM对象：

 var domObj = document.getElementById("id");

jQuery对象

jQuery对象就是通过包装DOM对象后产生的对象

 var domObj = $("#id");

但是他两是完全不同的，举个栗子吧，下面是一个输入框，给它一个id，

 <input type="text" id="input" value="heihei"/>

那么我分别用DOM和jQuery获取它：

var jqObj = $("#input");
var domObj = document.getElementById("input");
console.log(jqObj);
console.log(domObj);

很显然，他两完全不同，那么接下来就来看看怎么让他两相互转换呢

jQuery对象转换为DOM对象

• [index]
  jQuery对象是一个类似数组的对象，所以可以使用[index]的方法得到相应的DOM对象，代码如下：

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

• get(index)
  这种方法是jQuery本身提供的，通过get(index)方法得到相应的DOM对象，代码如下：

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

DOM对象转换为jQuery对象

对于一个DOM对象，只需要用$()把DOM对象包装起来，就可以获得一个jQuery对象，代码如下：

 var domObj = document.getElementById("input");  //DOM对象
var jqObj = $(domObj);  // jQuery对象