JQuery对象与DOM对象

灰太狼 2022-06-08 03:06 263阅读 0赞

1.  DOM对象  
    在网页中，各标签都是一个DOM节点，如下所示：

<ul id="ulId">
        <li>a</li>
        <li>b</li>
        <li>c</li>
        <li>d</li>
    </ul>

ul是一个DOM节点，li也是一个DOM节点。通过document.getElementById()获取到的就是DOM对象

var  ul = document.getElementById("ulId");

DOM对象可以使用JS当中的方法，如：

var objectHTML = ul.innerHTML;

1.  DOM对象  
    通过JavaScript中的方法获取的对象是DOM对象，如：

var obj = document.getElementById("one");

1.  JQuery对象  
    JQuery对象是通过JQuery包装DOM对象后产生的对象。创建JQuery对象后可以使用JQuery对象中独有的方法，如：

$("#one").html();

注意：JQuery对象只能使用JQuery对象当中的方法，而不能使用DOM对象当中的方法，如：

var obj = $("#one");
            //下面的写法是正确的
            obj.html('xxx');
            //下载的写法是错误的
            obj.innerHTML = 'xxx';

反之亦然。  
3. DOM与JQuery对象互换

var obj = $("#one");
            //JQuery转换成DOM对象
            var domObj = obj[0];
    
            var object = document.getElementById("one");
            //DOM转换成JQuery对象
            var jQueryObj = $(object);

判断一个元素是否存在，使用DOM对象和JQuery对象有不同的判断方法。 $(“\#..”)获取的永远是对象，即使没有该元素。所以当判断某个元素是否存在时，不能使用如下代码：

if($("#one")){
                //do something
            }

而应使用如下代码：

if($("#one").length>0){
                //do something
            }
        //或是转换成DOM对象再进行判断
            if($("#one")[0]){
                //do something
            }

发表评论取消回复

表情：

评论列表（有 0 条评论，263人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery对象与DOM对象相互转化

jQuery对象转成DOM对象：两种转换方式将一个jQuery对象转换成DOM对象：\[index\]和.get(index); (1)jQuery对象是一个数据对象，可

野性酷女/ 2024年02月17日 15:53/ 0 赞/ 8 阅读

相关 js-jQuery对象与dom对象相互转换

核心提示：jquery选择器得到的jquery对象和标准的 javascript中的document.getElementById()取得的dom对象是两种不同的对象类型，一般

一时失言乱红尘/ 2022年08月20日 08:27/ 0 赞/ 252 阅读

相关 jQuery对象与dom对象相互转换

什么是jQuery对象？ \---就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的，其可以使用jQuery里的方法。比如：

àì夳堔傛蜴生んèń/ 2022年07月15日 11:43/ 0 赞/ 289 阅读

相关 jQuery对象与DOM对象的相互转换

通过jQuery选择器获取的对象与通过document.getElementById获取的对象是不同类型对象。使用jQuery获取的对象不能使用DO

系统管理员/ 2022年06月17日 07:44/ 0 赞/ 271 阅读

相关 JQuery对象与DOM对象

1. DOM对象在网页中，各标签都是一个DOM节点，如下所示： <ul id="ulId"> <li>a</li> <

灰太狼/ 2022年06月08日 03:06/ 0 赞/ 264 阅读

相关关于jquery对象与dom对象转换

1．关于jquery对象与dom对象转换对于dom对象\-----àjquery对象 $(dom)，（直接将dom对象放到$的括号中）对于jquery对象\-

谁践踏了优雅/ 2022年06月06日 05:52/ 0 赞/ 264 阅读

相关初识Jquery（二）Jquery对象与DOM对象

Jquery对象：html() var obj = $("content); obj.html("jquery对象"); DOM对象：innerHTML()

╰半橙微兮°/ 2022年06月02日 09:24/ 0 赞/ 286 阅读

相关 jQuery对象和DOM对象

第一次学习jQuery，经常分辨不清哪些是jquery对象、哪些是DOM对象，因此需要重点了解jQuery对象和DOM对象以及它们之间的关系。一、DOM对象和jQ

小咪咪/ 2022年05月17日 10:26/ 0 赞/ 264 阅读

相关 js-jQuery对象与dom对象相互转换

核心提示：jquery选择器得到的jquery对象和标准的 javascript中的document.getElementById()取得的dom对象是两种不同的对象类型，一般

你的名字/ 2021年09月30日 03:20/ 0 赞/ 505 阅读

相关 jQuery--DOM对象与jQuery对象的转换

在JavaScript中，通过getElementById()、getElementsByClassName()和querySelector()等方法来获取要页面中的HTML元

骑猪看日落/ 2021年08月13日 22:28/ 0 赞/ 473 阅读