jQueryDOM事件

jQueryDOM事件
DOM内部插入append()与appendTo()：
append(content|fn):向每个匹配的元素内部追加内容。这个操作与对指定的元素执行appendChild方法，将它们添加到文档中的情况类似。appendTo(content):把所有匹配的元素追加到另一个指定的元素元素集合中。实际上，使用这个方法是颠倒了常规的$(A).append(B)的操作，即不是把B追加到A中，而是把A追加到B中
简单的总结就是：
.append()和.appendTo()两种方法功能相同，主要的不同是语法——内容和目标的位置不同
append()前面是被插入的对象，后面是要在对象内插入的元素内容
appendTo()前面是要插入的元素内容，而后面是被插入的对象
点击append和appendTo添加元素效果：

DOM内部插入prepend()与prependTo()
在元素内部进行操作的方法，除了在被选元素的结尾（仍然在内部）通过append与appendTo插入指定内容外，相应的还可以在被选元素之前插入，jQuery提供的方法是prepend与prependTo
prepend(content):向每个匹配的元素内部前置内容。这是向所有匹配元素内部的开始处插入内容的最佳方式。prependTo(content):把所有匹配的元素前置到另一个、指定的元素元素集合中。实际上，使用这个方法是颠倒了常规的$(A).prepend(B)的操作，即不是把B前置到A中，而是把A前置到B中。

DOM外部插入after()与before()
after(content|fn):在每个匹配的元素之后插入内容。
参数说明：content 插入到每个目标后的内容 function 函数必须返回一个html字符before(content|fn):在每个匹配的元素之前插入内容。
参数说明：content 插入到每个目标后的内容 function 函数必须返回一个html字符串。
外部插入after和before效果：

DOM外部插入insertAfter()与insertBefore()
insertAfter(content):把所有匹配的元素插入到另一个、指定的元素元素集合的后面。实际上，使用这个方法是颠倒了常规的$(A).after(B)的操作，即不是把B插入到A后面，而是把A插入到B后面。参数说明：content用于匹配元素的jQuery表达式。insertBefore(content):把所有匹配的元素插入到另一个、指定的元素元素集合的前面。实际上，使用这个方法是颠倒了常规的$(A).before(B)的操作，即不是把B插入到A前面，而是把A插入到B前面。
参数说明：content 用于匹配元素的jQuery表达式。
DOM外部插入insert和insertbefore效果：