jq创建节点

        var $li = $("<li>ss</li>");

jq 添加节点——内容.appendTo(目标);

        将内容添加到目标 中 的最后一位

        $li.appendTo($("ul"));

        $("<li>ss</li>").appendTo("ul");

        目标.prepend("内容")

        将内容添加到目标 的第一位

        $("ul").prepend("<li>ss</li>");

        $("<li>sss</li>").prependTo($("ul"));

        after() : 在指定的元素之后 插入元素

       目标.after(内容);

        $(".box").after("<span class='s'>ss</span>");

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

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

        $("ul").insertAfter($(".box"));

        before()

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

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

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

        $(".s").insertBefore($(".box"));

删除节点

       指定目标.remove()

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

        目标.empty() 

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

        $("ul").empty();

        目标.clone() 

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

        var $b = $(".box").clone();