JQUERY 对象与DOM对象之两者相互间的转换

JQuery对象和DOM对象是前端开发中非常重要的概念。在进行前端开发时，我们通常会使用JQuery操作DOM对象。下面我将详细介绍JQuery对象与DOM对象之间相互间的转换。

1. JQuery对象转DOM对象

• 使用get()方法

可以使用JQuery的get()方法把JQuery对象转换为DOM对象，该方法返回一个数组，数组中包含JQuery选择器匹配到的所有DOM对象。

// 获取所有li元素的DOM对象
var domList = $('li').get();

// 获取第一个li元素的DOM对象
var domFirst = $('li').get(0);

• 使用下标

可以使用JQuery对象的下标来获取某个DOM对象，如下：

// 获取所有li元素的DOM对象
var domList = $('li');

// 获取第一个li元素的DOM对象
var domFirst = domList[0];

2. DOM对象转JQuery对象

• 使用$(DOM)方法

可以用JQuery的$(DOM)方法将DOM对象转换为JQuery对象。

// 获取第一个li元素的DOM对象
var domFirst = document.getElementsByTagName('li')[0];

// 将DOM对象转为JQuery对象
var $li = $(domFirst);

• 使用JQuery的wrap()方法(仅限父级元素)

当我们想要将一个DOM对象转换为JQuery对象并立即对其进行其他JQuery操作时，使用wrap()方法比较方便。

// 获取第一个li元素的DOM对象
var domFirst = document.getElementsByTagName('li')[0];

// 使用wrap()方法将其转换为JQuery对象并在其后添加元素
var $li = $(domFirst).wrap('<ul>').parent();

以上是JQuery对象与DOM对象的转换攻略，希望能对你有所帮助。