jQuery中常用DOM的增删改查

          varoP

=
document.createElement("p");
          //添加到内部：
         1， $("div").append("<b>123</b>");//返回值是方法调用者，即div。
          //append添加到原有内容末尾：支持原生对象，jq对象，模板字符串。
          $("div").append("<b>123</b>").css("background","red");//因为返回值是调用者，所以属性是加给调用者。
         2， $(oP).appendTo($("div"));//返回值是P标签，即方法的调用者。注意变量包装成jQ的方法。
         3， $("div").prepend(oP);//添加到原有内容开始。
         4， $(oP).prependTo("div");
          //添加到外面：
         5， $("div").before(oP);//在前面添加同级元素
         6， $("div").after(oP);//在后面添加同级元素
         7， $(oP).insertBefore($("div"));//把oP插入div前面
         8， $(oP).insertAfter($("div"));//把oP插入div后面
         9， $("div").unwrap();//删除父级，不能删除body;
        10， $("div").remove();//body可以删除自身。不保留事件。
       $("html").remove();//删除html;
        11，$("div").detach();//删除元素，但是保留绑定的事件。
        $("html").detach();
         

        12，$("div").clone();//连子元素一起复制。
      
 13，$("div").clone(true);//传递参数true,把事件一起复制。
        14，$("p").wrap("<div></div>");//wrap添加父级，每一个选中的元素都添加一个父级
       15，$("p").wrapAll("<div></div>");//把所有匹配元素都添加到同一个父级。支持添加一个已有元素当父级。相当于复制一个已有元素来当它们的父级。
        16，$("div").wrapInner("<p></p>");//wrapInner给匹配元素添加一个子元素。
           $("div").get(0).parentNode;//获取原生的父级元素。
        17，$(oP).replaceAll($("div"));

        18，$().replaceWith();