jQuery中after、insertAfter的区别和用法

一、after()方法：

after(content|fn) ：向每个匹配的元素后插入内容。

html代码如下：

<span id="content">I love </span>

jQuery代码如下：

<script>
	$("#content").after("<span>you.</span>");//after:在标签的外部插入内容。
</script>

结果如下：

二、insertAfter()方法：

insertAfter(content)：将匹配的元素插入到另一个指定的元素后面。

html代码如下：

<span id="letters">you.</span>
<span id="content">I love </span>

jQuery代码如下：

<script>
	$("#letters").insertAfter("#content");//将letters元素插入到content的后面，相当于移动。
</script>

结果与上面相同：