jquery-文档处理

Posted 2020-10-09 狼来的日子里！

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

一：内部插入

使用	说明	例子
append(content|fn)	向每个匹配的元素内部追加内容	$("p").append("<b>Hello</b>");
appendTo(content)	方法是颠倒了常规的$(A).append(B)的操作， 即不是把B追加到A中，而是把A追加到B中	$("p").appendTo("div");
prepend(content|fn)	向每个匹配的元素内部前置内容	$("p").prepend("<b>Hello</b>");
prependTo(content)	颠倒了常规的$(A).prepend(B)的操作， 即不是把B前置到A中，而是把A前置到B中	$("p").prependTo("#foo");

 

二：外部插入

使用	说明	例子
after(content|fn)	在每个匹配的元素之后插入内容	$("p").after("<b>Hello</b>");
before(content|fn)	在每个匹配的元素之前插入内容	$("p").before("<b>Hello</b>");
insertAfter(content)	$(A).after(B)的操作， 即不是把B插入到A后面， 而是把A插入到B后面
insertBefore(content)	$(A).before(B)的操作， 即不是把B插入到A前面， 而是把A插入到B前面。

 

三：替换

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

 

四：删除

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

 

五：克隆

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