jquery笔记：文档处理 replaceWith， replaceAll， detach， clone

replaceWith(content|fn)

contentString, Element, jQuery, FunctionV1.2

用于将匹配元素替换掉的内容。如果这里传递一个函数进来的话，函数返回值必须是HTML字符串。

fnFunctionV1.4

返回THML字符串，用来替换的内容。

$("p").replaceWith("<b>Paragraph. </b>"); <p>Hello</p><p>cruel</p><p>World</p> <b>Paragraph. </b><b>Paragraph. </b><b>Paragraph. </b>

<div class="container"> <div class="inner first">Hello</div> <div class="inner second">And</div> <div class="inner third">Goodbye</div> </div> $('.third').replaceWith($('.first')); <div class="container"> <div class="inner second">And</div> <div class="inner first">Hello</div> </div>

replaceAll(selector)  用匹配的元素替换掉所有 selector匹配到的元素

<p>Hello</p><p>cruel</p><p>World</p> $("<b>Paragraph. </b>").replaceAll("p"); <b>Paragraph. </b><b>Paragraph. </b><b>Paragraph. </b>

detach([expr])

从DOM中删除所有匹配的元素。

这个方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素。与remove()不同的是，所有绑定的事件、附加的数据等都会保留下来。

$("p").detach(); $("p").detach(".hello");

clone([Even[,deepEven]])

克隆匹配的DOM元素并且选中这些克隆的副本。

在想把DOM文档中元素的副本添加到其他位置时这个函数非常有用。

EventsBooleanV1.0

一个布尔值（true 或者 false）指示事件处理函数是否会被复制。V1.5以上版本默认值是：false

Events[,deepEvents]Boolean,BooleanV1.5

1:一个布尔值（true 或者 false）指示事件处理函数是否会被复制。

2:一个布尔值，指示是否对事件处理程序和克隆的元素的所有子元素的数据应该被复制。

$("b").clone().prependTo("p");