jquery对象和dom对象转换
jQuery对象与DOM对象的区别
jQuery对象是通过jQuery选择器或方法（如$()）获取的对象，本质是封装了DOM元素的数组式对象，具有jQuery提供的操作方法（如.hide()、.addClass()）。
DOM对象是原生JavaScript对象，通过原生方法（如document.getElementById()）获取，直接操作DOM属性和方法（如.innerHTML）。
DOM对象转jQuery对象
将DOM对象作为参数传入$()函数即可转换为jQuery对象：
const domElement = document.getElementById('example');
const $jQueryObject = $(domElement); // 转换为jQuery对象
$jQueryObject.hide(); // 调用jQuery方法jQuery对象转DOM对象
通过索引或.get()方法获取原生DOM对象：
方法1：索引访问
jQuery对象是类数组，可通过索引直接获取DOM元素：
const $jQueryObject = $('#example');
const domElement = $jQueryObject[0]; // 获取第一个DOM元素
domElement.innerHTML = 'Hello'; // 调用原生DOM方法方法2：使用.get()方法
const $jQueryObject = $('.items');
const domElement = $jQueryObject.get(0); // 获取第一个DOM元素注意事项
- 操作原生DOM属性和方法时需确保对象已转换，避免直接对jQuery对象调用原生方法（如
$('#el').innerHTML会报错）。 - jQuery对象可能包含多个DOM元素，转换时需明确索引位置。
