replaceWith(content|fn)
最后更新于：2022-04-01 05:54:48
### 返回值:jQueryreplaceWith(content|fn)
### 概述
将所有匹配的元素替换成指定的HTML或DOM元素。
### 参数
#### **content**String, Element, jQuery, Function*V1.2*
用于将匹配元素替换掉的内容。如果这里传递一个函数进来的话，函数返回值必须是HTML字符串。
#### **fn**Function*V1.4*
返回THML字符串，用来替换的内容。
### 示例
#### 描述:
把所有的段落标记替换成加粗的标记。
##### HTML 代码:
~~~
<p>Hello</p><p>cruel</p><p>World</p>
~~~
##### jQuery 代码:
~~~
$("p").replaceWith("<b>Paragraph. </b>");
~~~
##### 结果:
~~~
<b>Paragraph. </b><b>Paragraph. </b><b>Paragraph. </b>
~~~
#### 描述:
用第一段替换第三段，你可以发现他是移动到目标位置来替换，而不是复制一份来替换。
##### HTML 代码:
~~~
<div class="container">
<div class="inner first">Hello</div>
<div class="inner second">And</div>
<div class="inner third">Goodbye</div>
</div>
~~~
##### jQuery 代码:
~~~
$('.third').replaceWith($('.first'));
~~~
##### 结果:
~~~
<div class="container">
<div class="inner second">And</div>
<div class="inner first">Hello</div>
</div>
~~~