jQuery文档分析4-文档处理

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中 

更多信息请访问 java教程网 www.itchm.com