jquery转dom

jQuery 对象转 DOM 对象

jQuery 对象是包装了 DOM 对象的类数组对象，可以通过索引或方法直接获取原生 DOM 元素。

方法 1：通过索引获取

var $div = $('div'); // jQuery 对象
var div = $div[0];   // DOM 对象

方法 2：使用 .get() 方法

var $div = $('div'); // jQuery 对象
var div = $div.get(0); // DOM 对象

DOM 对象转 jQuery 对象

将原生 DOM 对象用 $() 包装即可转换为 jQuery 对象。

方法

var div = document.querySelector('div'); // DOM 对象
var $div = $(div); // jQuery 对象

注意事项

• jQuery 对象和 DOM 对象的属性和方法不互通，需确保操作时使用正确的对象类型。
• 现代浏览器推荐优先使用原生 DOM API（如 querySelector），jQuery 适用于需要兼容旧浏览器或简化操作的场景。