jQuery对象和DOM对象相互转化

jQuery对象和DOM对象是两种不同的Javascript对象，它们具有不同的属性和方法。当我们需要在jQuery和DOM之间进行交互时，就需要进行jQuery对象和DOM对象的相互转化。下面是进行转化的方法和示例：

将DOM对象转化为jQuery对象

我们可以使用jQuery函数将DOM对象转化为jQuery对象，例如：

// 获取DOM对象
var domObj = document.getElementById("myDiv");
// 将DOM对象转化为jQuery对象
var $divObj = $(domObj);

在上面的代码中，我们首先使用getElementById方法获取一个DOM对象，然后使用jQuery函数$()将DOM对象domObj转化为jQuery对象$divObj。现在，变量$divObj就拥有了所有jQuery对象的方法和属性。

另外，也可以使用jQuery函数$(selector)直接获取一个DOM对象对应的jQuery对象，例如：

var $divObj = $("#myDiv");

上面的代码中，我们使用jQuery函数$()根据选择器#myDiv获取了一个DOM对象（即id为myDiv的div元素），然后将这个DOM对象转化为jQuery对象$divObj。这种方式更为简洁快捷。

将jQuery对象转化为DOM对象

与将DOM对象转化为jQuery对象的方法不同，我们需要使用jQuery对象的属性或方法来获取对应的DOM对象。下面是两种示例：

示例1：使用get方法获取对应的DOM对象

// 获取jQuery对象
var $divObj = $("#myDiv");
// 使用get方法获取对应的DOM对象
var divObj = $divObj.get(0);

在上面的代码中，我们使用jQuery函数$()获取了一个jQuery对象$divObj，然后使用get(0)方法获取了对应的DOM对象divObj。注意，get方法返回的是一个包含DOM对象的数组，而我们只需要第一个DOM对象，所以使用了参数0。

示例2：使用数组下标获取对应的DOM对象

// 获取jQuery对象
var $divObj = $("#myDiv");
// 使用数组下标获取对应的DOM对象
var divObj = $divObj[0];

在上面的代码中，我们同样使用jQuery函数$()获取了一个jQuery对象$divObj，然后直接使用数组的下标（即$divObj[0]）获取了对应的DOM对象divObj。注意，数组下标从0开始。

总之，相互转化就是为了方便我们在jQuery和DOM之间进行操作，这需要我们熟练掌握jQuery对象和DOM对象的相关知识。