jQuery 是一个 JavaScript 库，极大地简化了 JavaScript 编程。但是在 JQuery 中，有些 javascript 方法却不能直接使用。如何解决这个问题呢？接下来就讲述一下 jquery 对象和 javascript 里的dom对象之间互相转换的方法，使 jquery 对象可以直接使用js里的方法，或 javascript 里的 dom 对象使用 jquery 里的方法.

什么是 jquery 对象

jquery对像：通常是指 jquery 选择器选中的目标

例如以下代码,jquery内置方法获取的一个DOM对象

$('#mochu') $(".mochu")

这种方法得到的就是 jquery 对象

注：

1、jQuery方法若返回节点也是 jquery 对象

2、jQuery赋值的方法返回的也是 jquery 对象

dom对象

dom对象：是 javascript 的外部对象，由浏览器提供的，可以直接访问、操作整个网页的文档

dom文档对象模型，用来操作文档的；如下图：

例如以下代码，得到的就是DOM对象

document.getElementById("mochu"):

对像的方法

jquery对象和dom对象是不一样的，它们所使用的方法也不一样，比如想要得到某个元素下的HTML内容，它们所使用的方法如下：

1、DOM对象的方法

document.getElementById("mochu").innerHTML;

2、jquery对像的方法

$("#mochu").html();

dom对象转换为jquery对象

通常情况下，直接使用 $() 方法就可以把DOM对像转成 jquery 对象

转换代码：

$(document.getElementById("mochu"))

使用方法举例：

$(document.getElementById("mochu")).html()

jquery对象转换成dom对象

方法1：

使用 jquery 中的内置函数 get

转换代码：

$('#mochu').get(0)

使用方法举例：

$('#mochu').get(0).innerHTML;

方法2：

因为 jquery 对象的属性是一个数组的集合，我们可以像操作数组一样，取出其中的一项就行了

转换代码

$('#mochu')[0]

使用方法举例：

$('#mochu')[0].innerHTML;

代码举例说明：

飞鸟慕鱼博客

浏览器控制台打印结果：

jquery 对象和 js 对象为什么要互相转换?_JQuery对象与dom对象两者之间的相互转换...相关推荐

HTML collection数组转换成正常的dom对象数组
HTML collection对象是一个类数组,如何将它转化为正常的数组,我们可以这样: var obj = document.getElementsByClassName('songlists') ...
jquery对象PHP转换,JavaScript_jQuery对象与DOM对象之间的相互转换，1、jQuery对象转换成DOM对象 jQue - phpStudy...
jQuery对象与DOM对象之间的相互转换 1.jQuery对象转换成DOM对象 jQuery对象不能使用DOM中的方法,但如果对jQuery对象所提供的方法不熟悉,或者jQuery没有封装想要的方法 ...
jquery对象PHP转换,jquery对象和DOM对象如何相互转换？
本篇文章给大家介绍一下jquery对象和DOM对象的转换,有需要的朋友可以参考一下,希望对你有所帮助. 我们在上一篇文章jquery对象和DOM对象的区别有哪些?中也简单介绍了关于jquery对象和D ...
一个人就需要对象之js中八种创建对象方式
前言:说,点进来是不是喜欢我的笑容!!!大家好,我叫C乐,(恩,很直不gay)一名退役的大学生,喜欢摩旅.从上课的一次css接触后,便喜欢上了前端,以下是我的一些学习笔记,站在前辈们的肩膀上,分享一些 ...
jQuery对象与DOM对象的相互转化
jQuery对象转化成DOM对象 (1)jQuery对象是一个数据对象,可以通过[index]的方法,来得到相应的DOM对象. (2)jQuery本身提供,通过.get(index)方法,得到相应的D ...
关于jQuery对象与DOM对象
今天遇到了关于jQuery对象与dom对象的区分问题.具体如下:对于元素<span id="aa" class="aa">hyz</span& ...
关于jQuery对象（类数组对象）以及DOM对象相互转化问题——[object Object]和[object HTMLInputElement]
之前在某官网课程上看有关jQuery和bootstrap的相关教程,有一节课是教我们如何制作价格菜单的按钮以及总价问题选中按钮,按钮样式会发生变化,右上角价格会自动运算 6个菜单的html结构差不多 ...
jQuery对象与DOM对象之间的转换方法
刚开始学习jquery,可能一时会分不清楚哪些是jQuery对象,哪些是DOM对象.至于DOM对象不多解释,我们接触的太多了,下面重点介绍一下jQuery,以及两者相互间的转换. 什么是jQuery对 ...
JavaScript(JS)的DOM对象(JS的Document对象)----什么是DOM对象?
1.概念: Document Object Model 文档对象模型:将标记语言文档的各个组成部分,封装为对象.可以使用这些对象,对标记语言文档进行CRUD(增删改查)的动态操作. 通过 HTML D ...

jquery 对象和 js 对象为什么要互相转换?_JQuery对象与dom对象两者之间的相互转换...

什么是 jquery 对象

dom对象

对像的方法

dom对象转换为jquery对象

jquery对象转换成dom对象

代码举例说明：

jquery 对象和 js 对象为什么要互相转换?_JQuery对象与dom对象两者之间的相互转换...相关推荐

最新文章

热门文章

jquery 对象 和 js 对象 为什么要互相转换?_JQuery对象与dom对象两者之间的相互转换...

什么是 jquery 对象

dom对象

对像的方法

dom对象转换为jquery对象

jquery对象转换成dom对象

代码举例说明：

jquery 对象 和 js 对象 为什么要互相转换?_JQuery对象与dom对象两者之间的相互转换...相关推荐

最新文章

热门文章

jquery 对象和 js 对象为什么要互相转换?_JQuery对象与dom对象两者之间的相互转换...

jquery 对象和 js 对象为什么要互相转换?_JQuery对象与dom对象两者之间的相互转换...相关推荐