jQuery中常用DOM的增删改查

           var oP = 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();