jquery对象转dom对象

jQuery对象转DOM对象的方法

在jQuery中，可以通过几种方式将jQuery对象转换为原生DOM对象。

使用索引访问

jQuery对象是一个类数组对象，可以通过索引直接访问其中的DOM元素：

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

使用.get()方法

jQuery提供了.get()方法，可以通过索引获取DOM元素：

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

示例代码

<div id="example">这是一个示例div</div>
<script>
    // jQuery对象
    var $example = $('#example');
    console.log($example); // jQuery对象

    // 转为DOM对象
    var example = $example[0];
    console.log(example); // DOM对象

    // 使用.get()方法
    var exampleGet = $example.get(0);
    console.log(exampleGet); // DOM对象
</script>

注意事项

• 如果jQuery对象包含多个元素，使用索引或.get()方法只会返回指定位置的DOM元素。
• 转换后的DOM对象可以使用原生DOM方法和属性，但不再支持jQuery方法。