jQueryDOM和原生DOM的互相转换

最新推荐文章于 2024-11-23 11:32:36 发布

原创最新推荐文章于 2024-11-23 11:32:36 发布 · 255 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #jquery #js

本文详细讲解了如何在JavaScript中通过jQuery进行DOM操作，并展示了从jQueryDOM到原生DOM的转换过程。核心内容包括选择器应用、innerHTML读写及jQuery对象转化为原生DOM节点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    $(function() {
        // 原生DOM --> jQuery DOM
        // $(原生对象):返回值为jQueryDOM对象
         let oBox = document.querySelector("#box");
         let oBoxJquery = $(oBox);
         console.log(oBox.innerHTML);
         console.log(oBoxJquery.html());

        //----------------
        
        // jQueryDOM --> 原生DOM
        // jQueryDOM[下标]:返回下标对象的原生对象
        // 通过jQuery方式获取的jQuery存放在包装集(类似于数组)
        let oBox = $("#box")[0]; //本质其实就是$("#box").get(0);
        console.log(oBox.innerHTML);
    });