1、append()、 appendTo()
向每个匹配的元素内部追加内容；把所有匹配的元素追加到另一个指定的元素元素集合中。
示例：
//将hello world添加到p标签中 $('p').append("<span>hello world</span>"); //将p标签添加到指定的div中 $('p').appendTo('div')
2、prepend()、prependTo()
向每个匹配的元素内部前置内容；把所有匹配的元素前置到另一个、指定的元素元素集合中。
示例：
//将Hello前置到p中 $("p").prepend("<span>Hello</span>"); //将p标签前置到指定div中 $("p").prependTo("#div");
3、after()、before()
在每个匹配的元素之后插入内容；在每个匹配的元素之前插入内容。
示例:
//将p元素之后插入Hello $("p").after("<span>Hello</span>"); //将p元素之前插入Hello $("p").before("<span>Hello</span>");
4、insertAfter()、insertBefore()
把所有匹配的元素插入到另一个、指定的元素元素集合的后面；把所有匹配的元素插入到另一个、指定的元素元素集合的前面。
示例：
//将p元素插入指定元素之后 $("p").insertAfter("#div"); //将p元素插入指定元素之前 $("p").insertBefore("#div");
5、replaceWith()、replaceAll()
将所有匹配的元素替换成指定的HTML或DOM元素；用匹配的元素替换掉所有 selector匹配到的元素。
示例：
//把所有的段落标记替换成hello world。 $("p").replaceWith("<span>hello world</span>"); //把所有的段落标记替换成hello world $("<span>hello world</span>").replaceAll("p");
6、remove()、detach()
从DOM中删除所有匹配的元素。
示例：
//从DOM中删除所有段落 $("p").remove(); $("p").detach();
7、clone()
将匹配的元素克隆 示例1：浅克隆（被克隆出来的元素无法复制事件处理函数）
$('button').click(function(){
$(this).clone().insertAfter(this);
})
示例2：深克隆（被克隆出来的元素可以复制事件处理函数）
$('button').click(function(){
$(this).clone(true).insertAfter(this);
})