13、使用jQuery操作DOM之操作元素

一、使用jQuery插入元素
1、在节点内部插入元素
方法                说明
append()            向每个匹配的元素内部追加内容，在元素内部的最后面
appendTo()            把所有匹配的元素追加到指定的元素集合中。与append相反操作
prepend()            向每个匹配的元素内部前置内容
prependTo()            与prepend操作对象调换。在元素内部的最前面

2、在结点外部插入内容

方法                说明
after()                在每个匹配的元素之后插入内容
beofore()            在每个匹配的元素之前插入内容
insertAfter()            把所有匹配的元素插入到另一个指定的元素集合的后面
insertBefore()            把所有匹配的元素插入到另一个指定的元素集合的前面

二、使用jQuery删除元素
jQuery支持两种删除元素的方法：remove()和empty()。

方法                说明
remove()            从DOM中删除所有匹配的元素
empty()                删除匹配的元素集合中所有的子结点
注：remove()能够删除匹配的元素，并返回这个被删除的元素。
remove方法的主要功能是删除指定结点以及包含的子结点。empty方法不是删除结点，而是清空元素包含的内容。

三、使用jQuery复制元素

jQuery定义了clone方法用来复制结点。


四、使用jQuery替换元素

jQuery定义了replaceWith()方法和replaceAll()方法用来替换结点。
replaceWith()方法能够将匹配的元素替换成指定的HTML或DOM元素，replaceAll()方法与之功能相同，
但是操作相反。

五、使用jQuery包裹元素

wrap()
wrapAll()
wrapInner()