jQuery与DOM对象互转

在基于jQuery的前端开发中，获取原生DOM对象时需将jQuery对象进行转换。本文将介绍jQuery对象与原生DOM对象之间相互转换的具体方法，帮助开发者更灵活地操作页面元素，提升开发效率与代码兼容性。

1、 创建一个HTML文件并引入JQuery库，代码结构如下所示：

2、 jQuery对象与DOM对象如何互相转换？可通过特定方法实现两者间的便捷切换。

3、 请根据实际路径自行调整设置

4、 在body标签内添加一段用于测试的文本内容。

5、 p 标签用于定义段落，是HTML中常用的文本容器元素。

6、 将jQuery对象转换为DOM对象的方法如下所示

7、 使用 $$(xx) 获取的结果为数组形式，需通过指定索引才能取得对应的 DOM 对象。

8、 jQuery对象转换为DOM元素

9、 执行文件后，在浏览器控制台查看输出结果

10、 将jQuery对象转换为DOM元素的方法如下：

11、 jQuery对象转换为原生DOM元素

12、 将DOM对象转换为jQuery对象。例如，使用document.getElementsByClassName(p_con)获取的为原生DOM元素，需将其转为jQuery对象以便调用jQuery方法，可通过在DOM对象外包裹$$()来实现转换，如$$$$(document.getElementsByClassName(p_con))，从而启用jQuery提供的各项功能。

13、 获取页面元素对象

14、 转换为jQuery对象

15、 jQuery对象与DOM对象互转主要有三种方法：$$()包装、get()获取和索引访问。