jq添加插入删除元素

https://www.cnblogs.com/sandraryan/

append() - 在被选元素的结尾插入内容

<body>
    <div class="wrap">
        <h2>this is h2</h2>
        <p>this is a para</p>
        <strong>strong tag</strong>
    </div>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
    <script>
    var el = $(\'<div>added div</div>\');
    el.css(\'color\',\'red\');
    $(\'.wrap\').append(el);
    // el是一个使用jq创建的jq节点对象
    // 添加到尾部
    </script>
</body>

也可以直接添加字符串，原生js创建的节点对象等。举个栗子~

$(\'.wrap\').append(\'added string\');
显示为：

prepend() - 在被选元素的开头插入内容

after() - 在被选元素之后插入内容

before() - 在被选元素之前插入内容

以上同理~~~~~~~

remove() 删除元素

var a = $(\'.wrap p\').remove();
    console.log(a);

删除wrap下的p

empty（）清空元素内容

 $(\'.wrap\').empty();

会留下一个class为wrap的div