JavaScript中的dom对象和jQuery对象的相互转换

可能大家在开发中，使用原生获取dom对象进行相关操作的时候，一些原生的方法并不能满足我们的需求，这时我们可能会使用到jQuery，但是dom元素并不能直接使用jQuery的方法，这时我们就需要先把原生dom对象转换为jQuery对象，而有时候也可能需要我们把jQuery对象转化为dom对象进行相关操作，所以这里就涉及到两个对象的互相转换

1、jQuery对象转换为dom对象

因为jQuery对象返回的是一个 " 伪数组 "，其中的第一个，就是获取到的dom对象

之所以说它是伪数组，是因为数组的一些常用方法不能使用，需要转化为数组

// 获取jQuery对象
var jQueryDom = $("#demo");
// 转化为dom对象
var dom = $("#demo")[0];

2、dom对象转化为jQuery对象

dom对象转化为jQuery对象非常之方便，只需要前面追加$就可以

// 获取dom对象
var domObj = document.getElementById("demo");
// 转化为jQuery对象
var jQueryObj = $(domObj)

注：有可能大家和我一样，非常喜欢使用jQuery方法，但是在使用的途中，有可能是获取的多个同类型的，即数组格式，想要操作其中某一个dom，但是这时候就有可能已经变为dom对象了，所以jQuery的方法都没用了，所以排查问题的时候，可以考虑打印一下该元素，看看是否是dom对象还是jQuery对象，到时来回转换就可以了。

好了，对象的相互转换就介绍到这里。

如有问题，请指出，接受批评。
个人微信公众号：

image.png