您现在的位置:爱折腾>> web>>正文内容

jquery 对象与dom对象之两者相互间的转换

DOM对象

        DOM(Documnet Object Model,文档对象模型),每一份DOM都可以表示成一棵树。可以通过javascript中的getElementsByTagName或者getElementById来获取元素节点。像这样得到的DOM元素就是DOM对象。DOM对象可以使用javascript中的方法,

jQuery对象

        jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象时jQuery独有的。可以使用jQuery里的方法。

DOM对象不能使用jQuery对象的方法,同样,jQuery对象也不能使用DOM对象的方法。

1.jQuery对象转换成DOM对象

方法一:jQuery对象是一个数组对象,可以通过[index]的方法得到相应的DOM对象。代码如下:

var $cr = $("#cr");  //jQuery对象
var cr = $cr[0];//DOM对象

方法二:由jquery提供的,通过get(index)方法得到相应的DOM对象。代码如下:

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

2.DOM对象转换成jqueryd对象

对于一个DOM对象,只需要用$()把DOM对象包装起来,就可以获得一个jquery对象,代码如下:

var cr = document.getElementById("cr"); //DOM对象
var $cr = $(cr); //jquery对象

注意:当我们对一个jquery对象进行for循环时,其实相当于用了方法一将jquery对象转换成了DOM对象,尤其是新手朋友,特别需要这一点。因为就算jquery对象是个集合,给这个集合绑定时间也不需要for循环,jquery会帮你完成这一步。

相关文章