jQuery对象和DOM对象之间的转化

逃离我推掉我的手 2022-06-06 07:25 236阅读 0赞

在工作中，有时使用jQuery，分不清哪些是jquery对象，哪些是dom对象，在此总结一下。

什么是jquery对象呢？

**就是通过jQuery包装dom对象后产生的对象。**

但是二者之间的方法是不兼容的，及jQuery对象不能使用dom对象的方法，dom对象不能使用jQuery对象的方法，但二者之间又有着联系，是可以进行相互转化的。

# jQuery对象转化成dom对象 #

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

var $v =$("#v") ; //jQuery对象 
    var v=$v[0]; //DOM对象 
    alert(v.checked) //检测这个checkbox是否被选中

(2)jQuery本身提供，通过.get(index)方法，得到相应的DOM对象。

var $v=$("#v"); //jQuery对象 
    var v=$v.get(0); //DOM对象 
    alert(v.checked) //检测这个checkbox是否被选中

# dom对象转化成jquery对象 #

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

var v=document.getElementById("v"); //DOM对象 
    var $v=$(v); //jQuery对象

# 总结 #

jQuery对象是个集合，通过开发者工具，也可以区别我们获取的对象是jQuery对象，还是dom对象。

jQuery对象

![20171102162259007][]

dom对象

![20171102162317665][]

以下的几种写法都是正确的

$("#msg").html(); 
    $("#msg")[0].innerHTML; 
    $("#msg").eq(0)[0].innerHTML; 
    $("#msg").get(0).innerHTML;

[20171102162259007]: /images/20220606/3fd8e7d287f2460ab9e3d43cb7a17f5a.png
[20171102162317665]: /images/20220606/8e3619beb70644338c3f065d638f960f.png

发表评论取消回复

表情：

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

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

相关阅读

相关 jQuery对象与DOM对象相互转化

jQuery对象转成DOM对象：两种转换方式将一个jQuery对象转换成DOM对象：\[index\]和.get(index); (1)jQuery对象是一个数据对象，可

野性酷女/ 2024年02月17日 15:53/ 0 赞/ 37 阅读

相关 jQuery对象和dom对象的辨析和相互转化

jquery对象和dom对象总是让人感觉很难分清，其实只要做到1对两者概念有明确认识2找出不同点Ａ DOM 1概念　　DOM对象（Document O

川长思鸟来/ 2023年08月17日 17:19/ 0 赞/ 72 阅读

相关 jQuery--jQuery和DOM对象互相转化、选择器

1. jQuery的简介是一个JavaScript函数库 2. jQuery的优势轻量级强大的选择器出色的DOM操作封装可靠的事件处

向右看齐/ 2022年09月21日 13:27/ 0 赞/ 183 阅读

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

先是DOM对象转换为jQuery对象：首先需要引入jQuery函数库 <script src="../../../AJAX-JavaScript-JQuery/j

朱雀/ 2022年08月05日 11:26/ 0 赞/ 310 阅读

相关 jQuery对象和DOM对象转化

jQuery对象和DOM对象；这是我第一个碰到的问题。 jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的，其可以使用jQue

迷南。/ 2022年07月10日 18:28/ 0 赞/ 245 阅读

相关 dom对象和 jQuery对象之间的转换

dom对象和 jQuery对象之间的转换一、jQuery->dom(js) 1.jq对象是一个数组对象通过[index]方法获取得到相应的dom对象

超、凢脫俗/ 2022年06月12日 09:38/ 0 赞/ 280 阅读

相关 jQuery对象和DOM对象之间的转化

在工作中，有时使用jQuery，分不清哪些是jquery对象，哪些是dom对象，在此总结一下。什么是jquery对象呢？就是通过jQuery包装dom对象后产生的对象。

逃离我推掉我的手/ 2022年06月06日 07:25/ 0 赞/ 237 阅读

相关 jQuery对象和DOM对象

第一次学习jQuery，经常分辨不清哪些是jquery对象、哪些是DOM对象，因此需要重点了解jQuery对象和DOM对象以及它们之间的关系。一、DOM对象和jQ

小咪咪/ 2022年05月17日 10:26/ 0 赞/ 281 阅读

相关 Jquery与Dom对象相互转化

jQurey对象和DOM对象的相互转换在讨论jQurey对象和DOM对象的相互转换之前，我们先约定定义变量的风格。如果我们获取的对象是jQuery对象，那么我们在变量前面

浅浅的花香味﹌/ 2021年11月13日 17:42/ 0 赞/ 373 阅读

相关 dom对象和jQuery对象以及之间的转换

dom对象和jQuery对象的转换 -------------------- 1. dom对象 dom对象是原生js选择器获取到的对象。 documen

谁借莪１个温暖的怀抱￠/ 2021年06月22日 15:30/ 0 赞/ 552 阅读