这个方法跟和不一样的地方在于，一个是仍然插入到元素内部，而insertAfter和insertBefore是插入到元素外部。

 

这里拿insertBefore来作为例子说一下：

使用方法：

第一种方法：插入代码：

这是一个段落。
这是另一个段落。
在每个 p 元素之后插入 span 元素

插入前：

插入后：

 

第二种方法：

会把已有的元素取出来，插入到特定元素的指定位置。

这是一个标题
这是一个段落。
这是另一个段落。
在每个 p 元素之后插入 h1 元素

插入前：

 

插入后：

会发现，已有的元素在原来的位置消失了，而被复制，插入到特定位置上了。

 

after() 方法和before() 方法与insertAfter和insertBefore类似，不过使用方式不一样。

例子：

 

$("button").click(function(){  $("p").before("
Hello world!
");});