2019-10-16 jq操作DOM

js创建节点

     jq创建节点

     var $li = $("<li>榴莲</li>");

 jq 添加节点

    1. 内容.appendTo(目标)        将内容添加到目标 中 的最后一位

    2.目标.prepend("内容")         将内容添加到目标 的第一位

    3.目标.after(内容);                  在指定的元素之后 插入元素

    4.内容.insertAfter(目标) :  将内容添加到目标之后

         如果该内容是页面已有元素，这些元素会被移动到指定的位置

    5.before()

        $(".box").before("<span>我是新来的span</span>");

    6.内容.insertBefore(目标)  将内容添加到目标之前

        如果该内容是页面已有元素，这些元素会被移动到指定的位置

删除节点

        指定目标.remove()

        $(".s").remove();

        目标.empty()         清空目标的子节点，但不对目标自身造成影响

        $("ul").empty();

        目标.clone() : 复制，  会返回指定目标的复制体，需要接受或者直接使用