jquery文档处理

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);
    })