Jquery（06）Jquery DOM操作

一、DOM 插入现有元素内

• .append():根据参数设定在每个匹配元素里面的末尾处插入内容。
• .appendTo():将匹配的元素插入到目标元素的最后面（译者注：内部插入）。
• .prepend():将参数内容插入到每个匹配元素的前面（元素内部）。
• .prependTo():将所有元素插入到目标前面（元素内）。
• .text():得到匹配元素集合中每个元素的文本内容结合，包括他们的后代，或设置匹配元素集合中每个元素的文本内容为指定的文本内容。
• .html():从集合的第一个匹配元素中获取HTML内容 或 设置每一个匹配元素的html内容。

二、DOM 同级插入（移动页面已有元素的位置）

• .after():在元素集合中匹配的每个元素后面插入参数所指定的内容。
• .before():根据参数设定在匹配元素的前面插入内容（译者注：外部插入）。
• .insertAfter():在目标元素后面插入集合中每个匹配的元素。
• .insertBefore():在目标元素前面插入集合中每个匹配的元素。

三、DOM 插入并包裹现有内容

• .unwrap():将匹配元素集合的父级元素删除，保留自身（和兄弟元素，如果存在）在原来的位置。
• .wrap():在每个匹配的元素外层包上一个html元素。
• .wrapAll():在所有匹配元素外面包一层HTML结构。
• .wrapInner():在匹配元素里的内容外包一层结构。

四、DOM 替换

• .replaceAll():用集合的匹配元素替换每个目标元素。
• .replaceWith():用提供的内容替换集合中所有匹配的元素并且返回被删除元素的集合。

五、DOM 移除

• .detach():从DOM中去掉所有匹配的元素。
• .empty():从DOM中移除集合中匹配元素的所有子节点。（效率低，可用replaceWith代替）
• .remove():从DOM中去掉所有匹配的元素。
• .unwrap():将匹配元素集合的父级元素删除，保留自身（和兄弟元素，如果存在）在原来的位置。

六、复制元素

• .clone():创建一个匹配的元素集合的深度拷贝副本。