在JavaScript中,DOM对象与jQuery对象的区别与转换

Dom原生对象和jQuery对象的区别:

jQuery选择器得到的jQuery对象和标准的js中的document.getElementById()取得的dom对象是两种不同类型，两者不等价。

注: js原生获取的dom是一个对象；jQuery对象就是一个数组对象。

JQuery无法使用DOM对象的任何方法，同样的DOM对象也不能使用JQuery里的方法，否则会报错；

正确实例：

$('#id').html();

document.getElementById('id').innerHTML;

错误案例：

$('id').innerHTML;

document.getElementById('id').html();

DOM对象和jQuery对象之间可以相互转换：

将DOM对象转换为jQuery对象：

要将一个DOM对象转换为jQuery对象，你只需使用 $() 函数并将DOM对象作为参数传递。例如：

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

将jQuery对象转换为DOM对象：

你可以通过两种方式将jQuery对象转换为DOM对象：

使用  [index] 访问符：

var jQueryElement = $('#myElement'); // 获取jQuery对象
var domElement = jQueryElement[0]; // 转换为DOM对象

使用 .get() 方法：

var jQueryElement = $('#myElement'); // 获取jQuery对象
var domElement = jQueryElement.get(0); // 转换为DOM对象

两种方法都可以将jQuery对象转换为相应的DOM对象，第一种方法更为简洁。

<iframe height="240" style="display: none !important" width="320"></iframe>