码迷,mamicode.com
首页 > Web开发 > 详细

jquery-文档处理

时间:2017-10-06 11:34:34      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:html   one   end   graph   content   cto   dom   htm   idt   

  文档处理:包括内部插入,外部插入,替换,删除,复制等处理

一:内部插入

使用 说明 例子
向每个匹配的元素内部追加内容
$("p").append("<b>Hello</b>");

方法是颠倒了常规的$(A).append(B)的操作,

即不是把B追加到A中,而是把A追加到B中

$("p").appendTo("div");
 向每个匹配的元素内部前置内容  
$("p").prepend("<b>Hello</b>");

 颠倒了常规的$(A).prepend(B)的操作,

即不是把B前置到A中,而是把A前置到B中

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

 

二:外部插入

使用 说明 例子
在每个匹配的元素之后插入内容
$("p").after("<b>Hello</b>");
在每个匹配的元素之前插入内容
$("p").before("<b>Hello</b>");

$(A).after(B)的操作,

即不是把B插入到A后面,

而是把A插入到B后面

 

$(A).before(B)的操作,

即不是把B插入到A前面,

而是把A插入到B前面。

 

 

三:替换

使用 说明 例子
将所有匹配的元素替换成指定的HTML或DOM元素
$("p").replaceWith("<b>Paragraph. </b>");
用匹配的元素替换掉所有 selector匹配到的元素
$("<b>Paragraph. </b>").replaceAll("p");

 

四:删除

使用   说明 例子
删除匹配的元素集合中所有的子节点
$("p").empty();
从DOM中删除所有匹配的元素
$("p").remove();

 

五:克隆

使用   说明 例子
克隆匹配的DOM元素并且选中这些克隆的副本
$("b").clone().prependTo("p");

jquery-文档处理

标签:html   one   end   graph   content   cto   dom   htm   idt   

原文地址:http://www.cnblogs.com/lixiang1013/p/7630866.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!