初学jQuery3-jQuery包装集跟Dom对象的区别

初学jQuery3-jQuery包装集和Dom对象的区别

jQuery对象和dom对象有很大的区别。dom对象只有少量的属性和方法，jQuery包装集可以说是对dom对象进行了扩充，jQuery有丰富的属性和方法。

?

1.获得dom对象。

??? 可以通过 document.getElementById("testDiv");?或者 document.getElementsByName("testDiv"); 获得dom对象。

var jQueryObject = $("#testDiv");                         //这样获得的是jQuery包装集。var JQueryObjectToDom = jQueryObject [0] ;     //JQueryObjectToDom 为Dom对象。

?

5.

jQuery包装集的某些遍历方法,比如each()中, 可以传递遍历函数, 在遍历函数中的this也是Dom元素,

所以有的时候this不能调用jQuery中的方法。

比如:

$("#testDiv").each(function()?{?alert(this)?})?

如果我们要使用jQuery的方法操作Dom对象,怎么办? 用上面介绍过的转换方法即可:

$("#testDiv").each(function()?{?$(this).html("修改内容")?})?

?

理解好jQuery对象和dom对象很重要。