jQuery文档处理:内部插入、外部插入、包裹、替换、删除、复制学习笔记
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(),这个方法将移出元素的父元素。这能快速取消 .wrap()方法的效果。
- wrapAll(html|ele),,将所有匹配的元素用单个元素包裹起来
- wrapInner(html|ele|fn),将每一个匹配的元素的子内容(包括文本节点)用一个HTML结构包裹起来
4、替换
- replaceWith(content|fn),将所有匹配的元素替换成指定的HTML或DOM元素。
- replaceAll(selector),用匹配的元素替换掉所有 selector匹配到的元素。
5、删除
- empty(),删除匹配的元素集合中所有的子节点。不删除自己
- remove([expr]),从DOM中删除所有匹配的元素。这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素。但除了这个元素本身得以保留之外,其他的比如绑定的事件,附加的数据等都会被移除。
- detach([expr]),从DOM中删除所有匹配的元素。这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素。与remove()不同的是,所有绑定的事件、附加的数据等都会保留下来。
6、复制
- clone([Even[,deepEven]]),克隆匹配的DOM元素并且选中这些克隆的副本。clone()无论传不传参数,都是把节点及其子节点都复制一份,复制节点和事件