jquery 节点操作

节点操作八种方法

子节点操作
$("<li></li>").appendTo($("ul"))；		将创建的li节点插入到ul尾部
$("<li></li>").prependTo($("ul"))；		将创建的li节点插入到ul头部

父节点操作
$("ul").append($("<li></li>"))			将创建的li插入到ul尾部
$("ul").prepend($("<li></li>"))			将创建的li插入到ul头部

兄弟节点操作
$("li").after($("<li></li>"));			在选中节点后面添加创建的节点li
$("li").before($("<li></li>"));			在选中节点前面添加创建的节点li
$("<li></li>").insetAfter($("li"))		将创建的li插入到选中的li后面
$("<li></li>").insertBefore($("li"))	将创建的li插入到选中的li前面



包裹元素
$("li").wrap("<div></div>")				在每个li元素外面添加div
$("li").wrapall("<div></div>");			在所有li元素外面添加一层div
$("li").unwrap();						删除外层元素

$("div").empty();						清空所有子元素
$("div").remove();						自杀行为，子元素连同自己都会被清除
$("div").clone(true/false);				默认false克隆本身和子元素；true则连同事件一起克隆