.jQuery文档分析4-文档处理

文档处理就是在dom元素中添加html内容

1、

$("p").append("<a href='www.baidu.com'>baidu</a>") ; 增加内容到p标签内部

2、

$("p").appendTo("div") ; 把所有的p元素增加到div中

3、

$("p").prepend("<b>Hello</b>"); 增加所有的b元素到p前

4、

$("p").prependTo("#foo");   把p前置添加到id为 foo中。。

5、 

$("p").after( $("b") );  将p添加到b的后面 

6、 

$("p").before("<b>Hello</b>"); 在所有p元素之前插入html  

7、

$("p").insertAfter("#foo");  将p插入id为foo元素的后面 

8、

$("p").insertBefore("#foo");  

 $("#foo").before("p")   操作相同,把所有元素插入到一个元素之前 

9、

$("p").wrap("<div class='wrap'></div>");   把所有p用div包装起来  

10 、

 $("p").unwrap()    移除p元素的父元素

11、

$("p").wrapAll(document.createElement("div"));  用div包装所有p

12、

$("<b>Paragraph. </b>").replaceAll("p");  替换所有p

13、

$("p").empty();   删除p集合中的所有子节点 

14 、

$("p").remove();  从集合中移除所有p元素 

15 、

$("p").detach(".hello");   从DOM中把带有hello类的段落删除

16、 

$("b").clone().prependTo("p");   复制b元素 并且添加到p中