jQuery内部插入和外部插入

不管是内部插入还是外部插入 ，都分为前面插入跟后面插入（这是什么虎狼之辞…说正经的）

---

首先说说内部插入

四个关键词：append 、appendTo 、prepend 、 prependTo

在内部末尾添加
append：是对匹配到的对象元素进行内容的追加
书写格式是：$("#box").append("abcd")
$("#box")是匹配的对象元素 ，abcd 是追加的内容
简单说就是在#box里的尾部添加abcd
appendTo：把所有匹配的元素追加到另一个指定的元素的集合中
书写格式是：abcd.appendTo($("#box"))//
$("#box")是匹配的对象元素 ，abcd 是追加的内容
简单说就是把abcd添加到#box里的末尾

在内部开头添加
prepend：是对匹配到的对象元素进行内容的追加
书写格式是：$("#box").prepend("abcd") /
$("#box")是匹配的对象元素 ，abcd 是追加的内容
简单说就是在#box里的开头添加abcd
prependTo：把所有匹配的元素追加到另一个指定的元素的集合中
书写格式是：abcd.prependTo($("#box"))//
$("#box")是匹配的对象元素 ，abcd 是追加的内容
简单说就是把abcd添加到#box里的开头

再说说外部插入

四个关键词：after 、before 、inserAfter 、 inserBefore

在外部末尾添加
after：在每个匹配的元素之后插入内容
书写格式是：$("#box").after(abcd)
$("#box")是匹配的对象元素 ，abcd 是追加的内容
简单说就是把abcd添加到#box的开头中
inserAfter：把所有匹配的元素插入到另一个、指定的元素元素集合的后面。
书写格式是：abcd.inserAfter($("#box"))
$("#box")是匹配的对象元素 ，abcd 是追加的内容
简单说就是把abcd添加到#box的外部末尾

在外部开头添加
before：在每个匹配的元素之前插入内容
书写格式是：$("#box").beforer("abcd")
$("#box")是匹配的对象元素 ，abcd 是追加的内容
简单说就是在#box里的开头添加abcd
inserBefore：把所有匹配的元素插入到另一个、指定的元素元素集合的前面
书写格式是：abcd.inserBefore($("#box"))
$("#box")是匹配的对象元素 ，abcd 是追加的内容
简单说就是把abcd添加到#box的开头外