JQuery学习笔记11——jQuery对象和DOM对象

DOM对象

DOM(Document Object Model,文档对象模型)。

通过JavaScript中的getElementsByTagName或者getElementById等来获取元素节点，像这样得到的DOM元素叫做DOM对象。DOM对象可以使用JavaScript中的方法。

jQuery对象

JQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象可以使用jQuery中的方法。

例如：$("#foo") .html()                   //$("#foo")就是一个jQuery对象

jQuery对象和DOM对象的相互转换

var $variable = jQuery对象;

var variable = DOM对象;

1.jQuery对象转成DOM对象

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

var cr = $cr[0];  //DOM对象

 或者

var cr = $cr.get(0);  //DOM对象

2.DOM对象转成jQuery对象

var cr = getElementById("cr");  //DOM对象

var $cr = $(cr);   //jQuery对象