05-04 jq操作DOM - 图1

DOM操作

1 内部插入

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

2 外部插入

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

3 包裹

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

4 替换

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

5 删除

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

6 复制

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