DOM对象是原生JavaScript元素，只能调用原生方法；jQuery对象是通过$()包装的集合，可使用jQuery方法。DOM转jQuery只需$(domObj)；jQuery转DOM可用[index]或.get(index)获取原生元素，便于灵活结合两者优势操作页面。
jQuery对象和DOM对象在前端开发中经常需要互相转换，因为它们各自有不同的使用场景和方法。理解它们之间的区别和转换方式，能更高效地操作页面元素。
什么是DOM对象和jQuery对象
DOM对象是原生JavaScript操作的网页元素，比如通过document.getElementById()获取的元素。它只能调用原生JavaScript的方法。
jQuery对象是通过jQuery选择器（如$(".class")）包装后的对象，可以调用jQuery提供的各种便捷方法，如.hide()、.fadeIn()等。
DOM对象转为jQuery对象
将DOM对象转换成jQuery对象，只需将其作为参数传入$()函数即可，这样就能使用jQuery的方法。
- 例如，有一个DOM元素：var domElem = document.getElementById("myId");
- 转换为jQuery对象：var $jqElem = $(domElem);
- 之后就可以调用$jqElem.hide()或$jqElem.addClass("active")等方法
jQuery对象转为DOM对象
jQuery对象是一个类似数组的集合，即使只选中一个元素。要获取其中的DOM对象，有两种常用方式：
- 使用数组下标：var $jqElem = $("#myId"); var domElem = $jqElem[0];
- 使用.get(0)方法：var domElem = $jqElem.get(0);
转换后就可以调用原生方法，比如domElem.innerHTML或domElem.focus()。
基本上就这些。掌握这两种转换方式，就能灵活结合原生JS和jQuery的优势进行开发。不复杂但容易忽略细节。
