当前位置: 代码迷 >> Web前端 >> .jQuery文档分析四-文档处理
  详细解决方案

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

热度:217   发布时间:2013-11-08 17:52:14.0
.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中 
  相关解决方案