jQuert DOM操作

DOM操作

1 内部插入

append(content|fn)      向每个匹配的元素内部追加内容
appendTo(content)       把所有匹配的元素追加到另一个指定的元素元素集合中
prepend(content|fn)     向每个匹配的元素内部前置内容
prependTo(content)      把所有匹配的元素前置到另一个、指定的元素元素集合中

2 外部插入

after(content|fn)       在每个匹配的元素之后插入内容
before(content|fn)      在每个匹配的元素之前插入内容
insertAfter(content)    把所有匹配的元素插入到另一个、指定的元素元素集合的后面
insertBefore(content)   把所有匹配的元素插入到另一个、指定的元素元素集合的前面

3 包裹

wrap(html|ele|fn)       把所有匹配的元素用其他元素的结构化标记包裹起来
unwrap()                这个方法将移出元素的父元素
wrapAll(html|ele)       移出元素的父元素
wrapInner(html|ele|fn)  将每一个匹配的元素的子内容(包括文本节点)用一个HTML结构包裹起来

4 替换

replaceWith(content|fn)     将所有匹配的元素替换成指定的HTML或DOM元素
replaceAll(selector)        用匹配的元素替换掉所有 selector匹配到的元素

5 删除

empty()         删除匹配的元素集合中所有的子节点
remove([expr])  从DOM中删除所有匹配的元素
detach([expr])  从DOM中删除所有匹配的元素 这个方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素。与remove()不同的是，所有绑定的事件、附加的数据等都会保留下来

6 复制

clone([Even[,deepEven]])    克隆匹配的DOM元素并且选中这些克隆的副本