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

浅浅的花香味﹌ 2024-02-17 14:25 129阅读 0赞

背景：只有DOM对象才能使用DOM对象中的方法，jQuery对象不可以使用DOM对象中的方法。

1：jQuery对象转换为DOM对象

jQuery提供了两种方法讲一个jQuery对象转换为一个DOM对象，即[index]和get[index]。

（1）：jQuery对象是一个类似数组的对象，可以通过[index]的方法得到相应的DOM对象。

jQuery代码如下：

var $cr = $(“#cr”); //取id为cr的jQuery对象

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

（2）另一种方法时jQuery本身提供的，通过get(index)方法得到相应的DOM对象。

jQuery代码如下：

var $cr = $(“#cr”); //取id为cr的jQuery对象

var cr = $cr.get[0]; // 转换为DOM对象

2:DOM对象转成jQuery对象

对于一个DOM对象，只需要用$()把DOM对象包装起来，就可以获得一个jQuery对象，方式为$(DOM对象)。

jQuery代码如下：

var cr=document.getElementById(“cr”); //DOM对象

var $cr=$(cr); //转换为jQuery对象

转换后，可以任意使用jQuery中的方法。

发表评论

表情：
评论列表 （有 0 条评论，129人围观）

还没有评论，来说两句吧...

相关阅读