JQUERY的HTML DOM操作,添加、包裹、清空、删除、克隆元素

.append(内容)：在元素内部后面添加子内容

如：$('div').append('中华')：在 div 内容的后面添加“中华”

.appendTo()：如：$('中华').appendTo('div')

.prepend(内容)：在元素内部前面添加子内容

如：$('div').prepend('中华')：在 div 内容的前面添加“中华”

.prependTo()：如：$('中华').preppendTo('div')

.after(内容)：在元素后面添加兄弟内容

如：$('div').after('中华')：在 div 后面添加“中华”

.insertAfter()：$('中华').insertAfter('div')

.before(内容)：在元素前面添加兄弟内容

如：$('div').after('中华')：在 div 前面添加“中华”

.insertBefore：$('中华').insertBefore('div')

.wrap(HTML元素)：用wrap里的元素包裹匹配的元素

如：$('p').wrap('<div></div>')：用 div 分别包裹所有的 p 标签

.unwrap()：取消.wrap()的效果

.wrapAll(HTML元素)：把匹配的元素当成一个整体，包裹进 wrap 里的元素

如：$('p').wrapAll('<div></div>')：把所有的 P 标签当成一个整体，包裹进一个 div 里面

.wrapInner(HTML元素)：把匹配的元素里的内容包裹进 wrapInner 里的元素

如：$('div').wrapInner('<span></span>')：把 div 里所有的内容包裹进 span里

.replaceWith(内容)：把匹配的元素替换成内容

如：$('div').replaceWith('aaaa')：把所有 div 里面的内容替换成 aaaa

.replaceAll()：$('aaaa').replaceAll('div')

.empty()：清空子元素

如：$('div').empty()：删除所有 div 的子节点

.remove()：删除元素，会返回一个JQUERY对象，以后可以调用

如：$('div').remove()：删除所有 div 元素

.detach()：删除元素，会返回一个JQUERY对象，并保留绑定的事件，以后可以调用

如：$('div').detach()：删除所有 div 元素

.clone([true])：克隆一个元素，返回一个对象

如：$('.aa').clone(true).appendTo('.ss')：把 class 为 aa 的元素克隆，并添加到 class 为 ss 的元素中的内容后面，当指定 true 时，事件也会克隆