最近更新
阅读排行
关注本站
jQuery对象与DOM对象
阅读：3863 次 编辑日期：2013-12-09
目录：
概述：
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方法
