之前虽然好多地方用到了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对象
