JQurey操作dom

js创建节点：

    var li1 = document.createElement("li");

jq创建节点

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

jq 添加节点
内容.appendTo(目标);
将内容添加到目标 中 的最后一位

	 	$li.appendTo($("ul"));
        $("<li>芒果</li>").appendTo("ul");
        $("<li>柠檬</li>").appendTo("ul");

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

        $("ul").prepend("<li>西瓜</li>");
        $("ul").prepend("<li>椰子</li>");
        $("<li>车厘子</li>").prependTo($("ul"));

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

   $(".box").after("<span class='s'>上面卖的是假货</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();
        $b.appendTo($("body"));
    });