jQuery对象和DOM对象的区别
1.它们的不同
DOM对象就是我们用JavaScript获得的对象,jQuery对象是用jQuery的选择器获得的对象,例如:
var obj=document.getElementById("id");//DOM对象
var $obj=$("#id");//jQuery对象
jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象只能用jQuery的方法,比如.html()等,不能用DOM对象的方法,$("#id").html()就不对。
2.它们的转换
虽然两种对象不能使用对方的方法,但是它们可以互相转换。
(1)jQuery对象装换为DOM对象
有两种方法将一个jQuery对象转换成DOM对象,即[index]和get(index).
var $a=$("#a");//jQuery对象
var a=$a[0];//DOM对象
var $a=$("#a");//jQuery对象
var a=$a.get(0);//DOM对象
(2)DOM对象转换为jQuery对象
对于一个dom对象,用$()把DOM对象包装起来就是一个jQuery对象。
var a=document.getElementById("a");//DOM对象
var $a=$(a);//DOM对象