外部插入.after()、.before()、.insertAfter()和.insertBefore()与内部插入.prepend()和.prependTo()
1 .after(content)在匹配元素集合中的每个元素后面插入参数所指定的内容，作为其兄弟节点
2 .before(content）据参数设定，在匹配元素的前面插入内容
3 .after()和.before()共同点
都是用来对相对选中元素外部增加相邻的兄弟节点
都可以接收HTML字符串、DOM元素、元素数组，或者JQuery对象，用来插入到集合中每个匹配元素的前面或者后面
都支持多个参数传递after（div1，div2，...）
4 .after()和.before()不同
after向元素的后边添加html代码，如果元素后面有元素了，将后面的元素后移，然后将html代码插入
before向元素的前边添加html代码，如果元素前面有元素了，将前面的元素前移，然后将html代码插入
5 prepend向每个匹配的元素内部前置内容
6 prependTo把所有匹配的元素前置到另一个指定的元素集合中
7 .prepend()和.prependTo()的区别
.prepend()将指定元素插入到匹配元素里面作为他的第一个子元素（如果要作为最后一个子元素插入用.append()）
.prepend()和.prependTo()语法、插入的内容和目标的位置不同
.prepend()选择器表达是写在方法的前面，作为待插入内容的容器，将要被插入的内容作为方法的参数
.prependTo()正好相反，将要被插入的内容写在方法的前面，可以是选择器表达式或动态创建的标记，待插入内容的容器作为参数
8 .prepend()和.prependTo()实现同样的功能，都是在被选元素之前插入
9 insertBefore在目标元素前面插入集合中每个匹配的元素
10 insertAfter在目标元素后面插入集合中每个匹配的元素
11 insertAfter将JQuery封装好的元素插入到指定元素的后面，如果元素后面有元素了，将后面的元素后移，然后将JQuery对象插入
12 insertBefore将JQuery封装好的元素插入到指定元素的前面，如果元素前面有元素了，将前面的元素前移，然后将JQuery对象插入
13 .before()和.insertBefore()实现同样的功能
14 .before()和.insertBefore()的区别
主要是语法、内容和目标的位置不同
.before()选择表达式在函数前面，内容作为参数
.insertBefore()刚好相反，内容在方法前面，被放在参数里元素的前面
15 .after()和.insertAfter()实现相同的功能
16 .after()和.insertAfter()的区别
主要是语法、特别是（插入）内容和目标的位置不同
.after()选择表达式在函数的前面，参数是将要插入的内容
.insertAfter()刚好相反，内容在方法前面，被放在参数里元素的后面
本文转自 拉考的考拉 51CTO博客，原文链接:http://blog.51cto.com/lakaodekaola/1983168
