dom对象转jquery对象

DOM 对象转 jQuery 对象的方法

将 DOM 对象转换为 jQuery 对象非常简单，只需要使用 jQuery 的 $() 函数包装 DOM 对象即可。

var domElement = document.getElementById('example'); // 获取 DOM 对象
var $jQueryObject = $(domElement); // 转换为 jQuery 对象

注意事项

确保 DOM 对象是有效的，否则转换后的 jQuery 对象可能无法正常工作。

if (domElement) {
    var $jQueryObject = $(domElement);
    // 可以继续使用 jQuery 方法
    $jQueryObject.css('color', 'red');
}

多个 DOM 对象转换

如果有一组 DOM 对象需要转换为 jQuery 对象，可以直接将 DOM 集合传入 $() 函数。

var domElements = document.querySelectorAll('.items'); // 获取 DOM 集合
var $jQueryObjects = $(domElements); // 转换为 jQuery 对象集合
$jQueryObjects.addClass('highlight');

常见场景

通常在事件处理或原生 DOM 操作后需要转换为 jQuery 对象以便使用 jQuery 方法。

document.addEventListener('click', function(event) {
    var $target = $(event.target); // 将事件目标转换为 jQuery 对象
    $target.fadeOut();
});