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

系统管理员 2022-06-17 07:44 296阅读 0赞

#      通过jQuery选择器获取的对象与通过document.getElementById获取的对象是不同类型对象。 #

#     使用jQuery获取的对象不能使用DOM中的方法，而DOM对象也不能直接使用jQuery中的方法，例如  $p.html(\*)是会报错的。那就涉及到将他们相互转换的问题，那么，如何将他们相互转换呢？ #

**1.jQuery对象转DOM对象**

**方法一：\[index\]**

(1) jQuery对象是一个数据对象， 可以通过\[index\] 的方法， 来得到相应的DOM对象。

var $p = $('\#p-jq'); //jQuery对象

var p = $p\[0\]; //DOM对象

console.log($p); // 转DOM对象

console.log(p);

**运行结果如下：**

**![Center][]**

**![Image 1][]**

**方法二：.get(index)  jQuery本身提供**

`var $p = $('#p-jq'); //jQuery对象`

`console.log($p); var p = $p.get(0);//get(index) console.log(p); 运行结果同上：`

``

`                                     `

``

`2.DOM对象转jQuery对象`

``

`// 对于已经是一个DOM对象，只需要用$()把DOM对象包装起来，就可以获得一个jQuery对象了。$(DOM对象)`

var div = document.getElementById('div');     console.log(div);     // 使用$(dom)方法转jquery对象     var $div=$(div);     console.log($div);

运行结果如下：

![Image 1][]

![Center 1][]

[Center]: /images/20220617/a4549b1044694551925ef204f95791a8.png
[Image 1]: 
[Center 1]: /images/20220617/66e61735c98242d4ab618d2e238741af.png

发表评论取消回复

表情：

评论列表（有 0 条评论，296人围观）

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

相关阅读

相关 jQuery对象相互转换成DOM对象

一、什么是jQuery对象？就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的，其可以使用jQuer方法。使用$()函数进

青旅半醒/ 2024年02月17日 17:06/ 0 赞/ 84 阅读

相关 jquery对象与DOM对象的相互转换

今天想要用checkbox做出半选效果, 找到了indeterminate属性，但是使用时出现了意外，原因是jquery对象不能调用DOM中的方法。因此找了jquery对象与D

左手的ㄟ右手/ 2023年07月18日 09:25/ 0 赞/ 21 阅读

相关 jquery对象和dom对象相互转换

1.jquery对象转换为dom对象 jq对象：jq选择器获取 ![jq对象][jq] dom对象：$\[index\] ![在这里插入图片描述][202005

淡淡的烟草味﹌/ 2023年03月14日 08:11/ 0 赞/ 253 阅读

相关 js-jQuery对象与dom对象相互转换

核心提示：jquery选择器得到的jquery对象和标准的 javascript中的document.getElementById()取得的dom对象是两种不同的对象类型，一般

一时失言乱红尘/ 2022年08月20日 08:27/ 0 赞/ 282 阅读

相关 jQuery对象与dom对象相互转换

什么是jQuery对象？ \---就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的，其可以使用jQuery里的方法。比如：

àì夳堔傛蜴生んèń/ 2022年07月15日 11:43/ 0 赞/ 311 阅读

相关 JQuery-DOM对象和JQuery对象的相互转换

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script ty

缺乏、安全感/ 2022年07月10日 13:29/ 0 赞/ 271 阅读

相关 jQuery对象与DOM对象的相互转换

通过jQuery选择器获取的对象与通过document.getElementById获取的对象是不同类型对象。使用jQuery获取的对象不能使用DO

系统管理员/ 2022年06月17日 07:44/ 0 赞/ 297 阅读

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

DOM对象与jQuery对象的相互转换 DOM—-> jquery对象：对于已经是一个DOM对象，只需要用$()把DOM对象包装起来，就可以获得一个jQuery对

清疚/ 2022年05月22日 12:22/ 0 赞/ 324 阅读

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

1.jquery对象转成DOM对象： jquery对象不能使用DOM中的方法，但如果对jquery对象所提供的方法不熟悉，或者没有jquery想封装的方法，不得不使用[DOM

以你之姓@/ 2022年04月17日 07:15/ 0 赞/ 305 阅读

相关 js-jQuery对象与dom对象相互转换

核心提示：jquery选择器得到的jquery对象和标准的 javascript中的document.getElementById()取得的dom对象是两种不同的对象类型，一般

你的名字/ 2021年09月30日 03:20/ 0 赞/ 539 阅读