DOM对象与JQuery对象的转换

最新推荐文章于 2024-05-24 14:23:31 发布

武松打狐

最新推荐文章于 2024-05-24 14:23:31 发布

阅读量115

点赞数

分类专栏：前端JavaScript

本文链接：https://blog.csdn.net/qq_36717402/article/details/81449426

版权

前端JavaScript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>DOM对象与JQuery对象的转换</title>
        <script type="text/javascript" src="../../js/jquery-1.8.3.js" ></script>
        <script>
            //js写入
            function write1(){
                document.getElementById("span1").innerHTML="很萌啊。。"
                var pan1=document.getElementById("span1")
                //将dom对象转化为JQuery对象
                $(pan1).html("美美哒");
            }
            $(function(){
                $("#btn").click(function(){
                    //JQuery无法操作js中的方法和属性!!!!!!!!
                    //$("#span1").innerHTML="很萌啊。。";
                    $("#span1").text("很厉害哦。。")

                    //JQuery对象转换为dom对象 方法一：
                    $("#span1").get(0).innerHTML="很不错哦。。。";
                    //JQuery对象转换为dom对象 方法二：
                    $("#span1")[0].innerHTML="很帅哦。。。";
                });
            });

        </script>
    </head>
    <body>
    <input  type="button" value="js写入" onclick="write1()"/><br />
    <input  type="button" value="JQuery写入" id="btn"/><br />
    班长：<span id="span1">很聪明呢。。。</span>
    </body>
</html>