DOM对象和jQuery对象有什么区别

DOM对象，即是我们用传统的方法(javascript)获得的对象，

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

jQuery对象,  即是用jQuery类库的选择器获得的对象;

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

$("#foo").html(); //获取id为foo的元素内的html代码，html()是jQuery特有的方法;

上面的那段代码等同于:

document.getElementById("foo").innerHTML;

注意：在jQuery对象中无法使用DOM对象的任何方法。

例如:

$("#id").innerHTML 和$("#id").checked之类的写法都是错误的，可以用$("#id").html()和$("#id").attr ("checked")之类的 jQuery方法来代替。同样，DOM对象也不能使用jQuery方法。学习jQuery开始就应当树立正确的观念，分清jQuery对象和DOM对象之间的区别，之后学习 jQuery就会轻松很多的。