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会帮你完成这一步。

本文转自：前端网 非本站原创 如果侵犯了您的权力 请Email：13612963@qq.com 告知

相关文章