jquery对象和DOM对象的任意相互转换

jQuery对象和DOM对象可以互相转换，这在JavaScript中经常用到。下面详细讲解如何将jQuery对象转换成DOM对象，以及如何将DOM对象转换成jQuery对象。

将jQuery对象转换成DOM对象

将jQuery对象转换为DOM对象可以通过以下两种方式实现：

方式1：通过数组索引获取DOM元素

可以通过数组索引获取jQuery对象维护的DOM元素, 以及指向jQuery对象维护的DOM元素的指针。例如：

// 获取第一个p元素的DOM对象
var pDomObj = $('p')[0];

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

方式2：使用jQuery对象提供的get()方法获取DOM对象

jQuery对象自带get()方法，其返回值即是一个包含DOM元素的数组，可以借此将jQuery对象转换为DOM对象。例如：

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

将DOM对象转换为jQuery对象

将DOM对象转换为jQuery对象可以通过以下两种方式实现：

方式1：通过jQuery方法包装DOM对象

可以通过使用jQuery的$()方法包装DOM对象，以生成一个新的jQuery对象。例如：

var domObj = document.getElementById('example');
var $domObj = $(domObj);

方式2：使用jQuery对象提供的eq()方法获取jQuery对象

可以使用jQuery对象提供的eq()方法并指定参数为DOM元素的索引，以便获取指定DOM元素的jQuery对象。例如：

// 获取第二个'p'元素的jQuery对象
var $secondpDomObj = $('p').eq(1);

这些例子可以很好帮助我们理解jQuery对象和DOM对象之间的转换，以及如何在两者之间转换。