jquery

最新推荐文章于 2023-07-07 14:28:52 发布

金子塔上的大熊猫

最新推荐文章于 2023-07-07 14:28:52 发布

阅读量50

点赞数

分类专栏： JQuery

本文链接：https://blog.csdn.net/qq_41874591/article/details/116162306

版权

jQuery JavaScript 元素转换 DOM操作节点获取

关键词由CSDN通过智能技术生成

JQuery 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

jQuery和JS对象相互转化

        //通过jQuery获取节点
        let div1 = $("#div1");
        console.log(div1);
        //通过原生js获取节点
       let div01=document.getElementById("div1");
       console.log(div01);
        //js对象转化为jQuery
       let jqueryDiv=$(div01);
       console.log(jqueryDiv);
        //jQuery转化为js对象 方式一（推荐）
       let jsDiv1=jqueryDiv[0];
       console.log(jsDiv1);
        //jQuery转化为js对象 方式二
        let jsDiv2=jqueryDiv.get(0);
        console.log(jsDiv2);

在这里插入图片描述

jQuery获取元素节点

<body>
    <div id="divId" class="divClass"></div>

    <script>
    //通过id获取节点
    let divId = $("#divId");
    //通过标签获取节点
    let div = $("div");
    //通过class获取节点
    let divClass = $(".divClass");
    console.log("----------------")
    console.log(divId);
    console.log(div);
    console.log(divClass);
    </script>
</body>

在这里插入图片描述

金子塔上的大熊猫

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery

jQuery和JS对象相互转化 //通过jQuery获取节点 let div1 = $("#div1"); console.log(div1); //通过原生js获取节点 let div01=document.getElementById("div1"); console.log(div01); //js对象转化为jQuery let jqueryDiv=$(div01);
复制链接

扫一扫

专栏目录