jquery对象与DOM对象区别与转换

最新推荐文章于 2024-05-24 14:23:31 发布

原创最新推荐文章于 2024-05-24 14:23:31 发布 · 113 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#DOM对象 #jquery对象

本文详细解释了jQuery对象与DOM对象的概念差异，强调了在不同场景下选择合适对象的重要性，并提供了jQuery对象转换为DOM对象以及DOM对象转换为jQuery对象的方法，帮助开发者在实际开发中灵活运用。

首先，大家要知道的是，jquery对象与DOM对象是不同的概念，jquery对象：$('#id') ;DOM对象document.getElementById()/bynames()/tagname();

jquery对象无法使用DOM对象中的任何方法，$('#id').html() 等同于 document.getElementById('id').innerHTMl;所以在一些必须用DOM对象的方法的时候，必须要对jquey对象进行转换。

//jquery对象转换为DOM对象
//方法一 

var $cr = $('#id');      //jquery对象
var cr = $cr[0]            //转换为了DOM对象

//方法二 

var $cr = $('#id');      //jquery对象
var cr = $cr.get(0)            //转换为了DOM对象


//DOM对象转换为jquery对象

var cr = document.getElementById(#id);    //DOM对象
var $cr = $(cr)                                             //转换为jquery对象

只有DOM对象才能使用DOM方法，Jquery对象只能使用Jquery方法，在不同使用中注意！