JQ中的DOM操作

$("<h1>创建元素<h1>") 创建元素

$("h1") 获取元素

 

$(father).append(child) 在father的后面追加child元素（父子）

$(father).prepend(child) 在father的前面追加child元素

 

$(dom).after(element) 在dom的后面追加element元素（兄弟）

$(dom).before(element) 在dom的前面追加elment元素

 

$("p").wrap("<div></div>") 在每个p的外层都加一层div

$("p").wrapAll("<div></div>") 所有p共用一层div

$("#h3").unwrap() 去掉h3的父级元素

 

$("p").replaceWith("<div></div>") 将匹配到的p元素都换成div

$("<div></div>").replaceAll($("p")) 将匹配到的p元素都换成div

 

$("div").empty() 清空div下的所有子元素，自己还在

$("div").remove() 移除div元素

 

$("div").clone(true) 天生连同子节点一起复制，如果传递true, 连同事件一起复制