DOM对象与JQuery对象

DOM对象：是使用js来获取的DOM对象，如document.getElementById("box");

JQuery对象：通过JQuery包装DOM对象后产生的对象，如$("#box");

DOM对象与JQuery对象只能使用各自的方法，例如document.getElementById("box").innerHTML跟

$("#box").text();实现同样的效果。可以看下面的例子：

输出结果：

DOM对象与JQuery对象可以相互转换：

1、DOM对象转换为JQuery对象：正如上面所说对象是通过JQuery包装DOM对象后产生的对象，所以

只需要用$()把DOM对象包装起来就可以，$("document.getElementById("box")")就是JQuery对象。

2、JQuery对象转换为DOM对象：有两种方法[index]和.get(index),没错，其实JQuery对象就是数组。

例如：$("#box")[0]和$("#box").get(0),就是DOM对象。