jQuery--DOM部分--文档处理

(1)内部插入内容

append(content|fn)	向每个匹配的元素内部追加内容。 这个操作与对指定的元素执行appendChild方法，将它们添加到文档中的情况类似	将新创建的div添加入body, var div=$(" "); var father=$("body");father.append(div);
appendTo(content)	把所有匹配的元素追加到另一个指定的元素元素集合中。 实际上，使用这个方法是颠倒了常规的$(A).append(B)的操作，即不是把B追加到A中，而是把A追加到B中。	把p标签的内容添加到div标签中,$("p").appendTo("div");
prepend(content)	向每个匹配的元素内部前置内容。 这是向所有匹配元素内部的开始处插入内容的最佳方式。	把b标签的内容添加到p标签内容的最前方,$("p").prepend("Hello");
prependTo(content)	把所有匹配的元素前置到另一个、指定的元素元素集合中。 实际上，使用这个方法是颠倒了常规的$(A).prepend(B)的操作，即不是把B前置到A中，而是把A前置到B中。	把p标签添加到ID值为foo的元素中 $("p").prependTo("#foo");

(2)外部插入内容

after(content|fn)	在每个匹配的元素之后插入内容。	p标签后插入固定的内容,$("p").after("hello");
before(content|fn)	在每个匹配的元素之前插入内容。	p标签前插入固定的内容,$("p").before("hello")
insertAfter(content)	把所有匹配的元素插入到另一个、指定的元素元素集合的后面。 实际上，使用这个方法是颠倒了常规的$(A).after(B)的操作，即不是把B插入到A后面，而是把A插入到B后面。	把p标签插入到id为foo的后面,$("p").insertAfter("#foo");
insertBefore(content)	把所有匹配的元素插入到另一个、指定的元素元素集合的前面。 实际上，使用这个方法是颠倒了常规的$(A).before(B)的操作，即不是把B插入到A前面，而是把A插入到B前面。	把class名为say的标签插入到p标签前面,$(".say").insertBefore($("p"))

(3)包裹部分

wrap(html|element|fn)	把所有匹配的元素用其他元素的结构化标记包裹起来。	把所有的p标签用一个新创建的div标签包裹起来,$("p").wrap(" "); 后者是前者的父标签,要对已经存在的标签进行操作
unwrap()	这个方法将移出元素的父元素。这能快速取消 .wrap()方法的效果。匹配的元素（以及他们的同辈元素）会在DOM结构上替换他们的父元素。	解除p标签元素的父元素,$("p").unwrap()
wrapAll(html|ele)	将所有匹配的元素用单个元素包裹起来	用一个生成的div将所有p标签包裹起来,$("p").wrapAll(" ");
wrapInner(htm|element|fnl)	将每一个匹配的元素的子内容(包括文本节点)用一个HTML结构包裹起来	把所有p标签外层加上一个b标签，即p标签内容进行加粗,$("p").wrapInner("") 前者是后者的父标签

(4)替换部分

replaceWith(content|fn)	将所有匹配的元素替换成指定的HTML或DOM元素。	将所有的p替换为指定的加粗的b标签,$("p").replaceWith("2123"); 后者替换前者
replaceAll(selector)	用匹配的元素替换掉所有 selector匹配到的元素。	所有的p替换为指定的加粗的b标签,$("123").replaceAll("p"); 前者替换为后者

(5)删除部分

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

(6)复制部分

clone([Even[,deepEven]])

克隆匹配的DOM元素并且选中这些克隆的副本。 在想把DOM文档中元素的副本添加到其他位置时这个函数非常有用。

克隆所有b元素（并选中这些克隆的副本）,然后将它们放置在p标签内容的最前方,$("b").clone().prependTo("p");