jQuery对象与DOM对象的区别

突然想起以前实验室的老师同学，放一张照片怀念一下大学时光~

jQuery对象：

什么是jQuery对象？说直白点，就是用jQuery方法获取到的对象，例如：

    var $obj = $("#uw3c"); //jQuery对象;

DOM对象：

DOM对象，就是我们用原生的JavaAcript方法获得的对象，例如：

    var domObj = document.getElementById("uw3c"); //DOM对象

jQuery对象和DOM对象之间为什么要转换：

因为在jQuery对象中无法使用DOM对象的任何方法，反正也是一样的，如下写法是错误的：

    $("#uw3c").innerHTML; //jquery对象,DOM方法。

那么我们怎么才能在jQuery对象中使用DOM对象的方法呢？这就用到了这两者之间的转换。

jQuery对象转换成DOM对象:

jQuery提供了两种方法将一个jQuery对象转换成一个dom对象，即[index]和get(index)。可能有人会觉得奇怪，怎么是用下标呢，没错，jQuery对象就是一个数组对象.

    var $uw3c=$("#uw3c"); //jquery对象
    var uw3c = $uw3c[0];  //dom对象
    var uw3c=$uw3c.get(0); //dom对象
    uw3c.innerHTML; //从而可以使用DOM方法

DOM对象转换成jQuery对象:

对于一个dom对象，只需要用$()把dom对象包装起来，就可以获得一个jquery对象了。

    var uw3c=document.getElementById("uw3c"); //dom对象
    var $uw3c = $(uw3c); //转换成jquery对象
    $uw3c.html(); //从而可以使用jQuery方法