Dom对象的属性以及方法

最新推荐文章于 2024-09-25 19:23:08 发布

Primise7

最新推荐文章于 2024-09-25 19:23:08 发布

阅读量401

点赞数

分类专栏： js 前端文章标签： dom js

本文链接：https://blog.csdn.net/qq_29412527/article/details/80162883

版权

前端同时被 2 个专栏收录

29 篇文章 0 订阅

订阅专栏

25 篇文章 0 订阅

订阅专栏

原生DOM的属性和方法只能自己用。不能混用

jQuery的属性和方法只能自己用。不能混用
要想混用，只能转换

这里写图片描述

        案例body代码：

        <body>
        <div></div>
        <div id="box"></div>
        <div></div>
        </body>

1.原生js的dom对象转换成jQuery对象(1种方法)

        var jsEle = document.getElementById("box");
        console.dir(jsEle);//DOM对象

        //转换方法：  $(原生js的dom对象)
        console.dir($(jsEle));//jQuery对象
        console.log($(jsEle) === $(jsEle));//false

        //为什么是false?
        ...

2.jQuery对象转换成原生js的dom对象（2种方法）

jQuery对象[js对象的索引值]

jQuery对象.get(js对象的索引值)

      console.dir($("#box"));//jQuery对象

    //1.jQuery对象[js对象的索引值]
    console.dir($("#box")[0]);//DOM对象

    //2.jQuery对象.get(js对象的索引值)
    console.dir($("div").get(1));//DOM对象

    console.dir($("div").get(1) === $("#box")[0]);//true