jQuery 中DOM操作

创建属性节点

append()向匹配元素内部追加元素加到结尾

 

$<'p'>.append(<b>你好</b>)
//p元素+你好

 appendTo ()向目标结尾处插入匹配元素集合中的每个元素

$('<b>你好</b>').appendTo<'p'>
//p元素+你好

 prepend()向匹配元素集合中的每个元素开头插入由参数指定的内容

$("p").prepend("<b>你好</b>");
//你好+p元素

 prependTo()向目标开头插入元素集合中的每个元素

$("<b>你好</b>").prependTo("p");

 after()在匹配的元素之后插入内容

$("p").after("<p>你好</p>");
//p元素
 你好

 insertAfter()把匹配元素插入到另一个指定的元素集合的后面

$("<span>你好</span>").insertAfter("p");
//p元素
你好

 before()在每个匹配的元素之前插入内容

$("p").before("<p>你好</p>");
//你好
p元素

 insertBefore()把匹配的元素插入到另一个指定的元素集合的前面

$("<span>你好</span>").insertBefore("p");
//你好
 p元素

 remove()移除所有匹配元素

remove 移除被选元素，包括所有文本和子节点

不会保留元素的jQuery数据,绑定的事件、附加的数据等都会被移除

$("p").remove();

 detach()从DOM中移除匹配陪元素集合

detach()会保留所绑定的事件、附加的数据

 $("p").detach();