jQuery对象与DOM对象相互转换

jQuery对象与DOM对象相互转换

 首先要区分jQuery对象与DOM对象在变量命名的区别,如果需要定义 jQuery对象一般会在变量前面加上”$”符号。 var $var = jQuery对象

 定义DOM变量语法 var var1 = DOM对象

具体代码如下:

<!DOCTYPE html>
<html >
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript" src="./js/jquery-3.4.1.min.js"></script>
</head>
<body>
    <p id="p1">大家好,我是练习一年半的BUG员</p>
    <script type="text/javascript">
///----------------------------
        //将jQuery对象转换为dom对象
        // var $p = $("#p1");
        // var p1 = $p[0];
        // var p2 = $p.get(0);
        // //alert(p2.html)  //返回undefined
        // alert(p2.innerHTML); //返回p标签内容
        // alert(p1.innerHTML); //返回p标签内容
    ///----------------------------
        //将dom对象转换为jquery对象
        //var p = document.getElementById("p1");
        //var $p = $(p);
        //alert($p.html()); //返回p标签内容
        //alert($p.innerHTML) //返回undefined
    </script>
</body>
</html>
点赞

发表评论

昵称和uid可以选填一个,填邮箱必填(留言回复后将会发邮件给你)
tips:输入uid可以快速获得你的昵称和头像