jQuery学习笔记4

文档处理

1.内部插入

1. append()，向每个匹配的元素内部追加内容。例如,

   HTML代码：<p>I love </p>jQuery代码：$('p').append("<b>LXJ</b>");

2. appendTo()，把所有匹配的元素追加到另一个指定的元素集合中

3. prepend()，向每个匹配的元素内部前置内容

4. prependTo()，把所有匹配的元素前置到另一个、指定的元素集合中

   ​

2.外部插入

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

3.包围

1. wrap()，把所有匹配的元素用其他元素的结构化标记包裹起来
2. unwrap()，这个方法将移出元素的父元素。能够快速取消wrap()方法的效果。
3. wrapAll()，将所有匹配的元素用单个元素包裹起来
4. wrapInner()，将每一个匹配的元素的字内容（包括文本节点）用一个HTML结构包裹起来

4.替换

1. replaceWith(),将所有匹配的元素替换成指定的HTML或DOM元素，是移动到目标位置来替换，而不是复制一份来替换
2. replaceAll(),用匹配的元素替换掉所有selector匹配到的元素

5.删除

1. empty(),删除匹配的元素集合中所有的子节点
2. remove(),从DOM中删除所有匹配的元素。这个方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素。但除了这个元素本身得以保留之外，其他的比如绑定的事件，附加的数据等都会被移除。
3. detach(),从DOM中删除所有匹配的元素。这个方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素。与remove()不同的是，所有绑定的事件、附加的数据等都会保留下来。

6.复制

clone()克隆匹配的DOM元素并且选中这些克隆的副本。