.jQuery文档分析四-文档处理 _Web前端

.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中