关于JQuery的append方法

最新推荐文章于 2021-06-12 22:38:41 发布

沐暖阳丶

最新推荐文章于 2021-06-12 22:38:41 发布

阅读量502

点赞数 1

分类专栏：踩过的坑

本文链接：https://blog.csdn.net/weixin_38657740/article/details/103029324

版权

踩过的坑专栏收录该内容

2 篇文章 0 订阅

订阅专栏

这个是W3SCHOOL的解释：
append描述
实际在我们的开发中，页面使用append方法一般是用来做拼接。
但是在使用中又有不同。
1.拼接html代码：
此处不再说明。。自己百度吧
2.使用选择器进行拼接：

<html>
    <head>
        <!-- 开发环境版本，包含了有帮助的命令行警告 -->
        <!-- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> -->
        <script
            src="https://code.jquery.com/jquery-3.3.1.min.js"
            integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
            crossorigin="anonymous">
    </script>
    </head>
    <body>
        <!-- <div id="app">
            {{ message }}
        </div> -->
        <div id="a">
            <div id="a1" style="display: block;">
                <input type="text"  id="aaa" name="bbb.cc">
            </div>
        </div>
        <button οnclick="add()">add</button>
        <div id="b" style="display: none;">
            
            <div id="a2" style="display: block;">
                <input type="text" id="aaa" name="bbb.cc" readonly>
            </div>
        </div>
    </body>
    <script>
        // var app = new Vue({
        //             el: '#app',
        //             data: {
        //                 message: 'Hello Vue!'
        //             }
        //         })  
                function add(){
                    $("#a").append($("#a2"))
                }
    </script>
</html>

页面显示：在这里插入图片描述
点击add按钮后：

可以看到在b中，已经没有元素。
说一下我自己的猜测。。应该是append用于操作对象时，是通过移动来进行拼接，而不是直接在后面进行拼接。
又学到了。

沐暖阳丶

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
关于JQuery的append方法

这个是W3SCHOOL的解释：append描述实际在我们的开发中，页面使用append方法一般是用来做拼接。但是在使用中又有不同。1.拼接html代码：此处不再说明。。自己百度吧2.使用选择器进行拼接：<html> <head>  <!-- &lt...
复制链接

扫一扫