jquery链式操作、还原Jquery对象、创建节点、移动元素

链式操作概述:生成一个jQurey对象后，既要对它进行一次或多次的普通操作，同时还要对它进行更改操作。于是有必要把
    生成的jQuery对象存储在一个变量中，满足多次调用的需要。
    语法：对象。操作（css）.对象的兄弟对象.操作
还原Jquery对象的概述:执行更改jQuery对象操作后，选取的元素会发生变化。如果希望选取的元素还原到改变之前，可以
    使用end()方法;如果希望还原多个更改操作，可以连续使用多次end()方法，直到最后返回一个空集。

jq的创建节点:
空节点:$("<p></p>");
包含信息的节点:$("<div>你好</div>")

$(function () {
    var names = "lily";
    var str = "<p>" + names + "</p>";
    $p = $(str); I
    console.log($p);
})

移动元素：
    append:向每个匹配的元素内部追加内容。例如:$(_“选择器1").append(“选择器“;会将匹配选择器2的元素，移动到匹配选择器1的内部尾部。
        例: $(“div" ).append($(“p” )).addClass("highlight”);
    appendTo ()_:将所有匹配的元素追加到指定的元素中//jQuery对象会发生改变，更改为匹配$("p”)元素
    appendTo()和append()方法颠倒过来
        例:$(“”)appendTo($( “div”)).addClass(“highlight”);//功能同上
        
    prepend():向每个匹配的元素内部前置内容
    prependTo():将所有匹配的元素前置倒指定的元素中。
    
    after():在每个匹配的元素之后插入内容
    insertAfter():将所有匹配的元素插入到指定元素的后面
    
    before():在每个匹配的元素之前插入内容
    insertBefore():将所有匹配的元素插入到指定的元素的前面

    //$( ".one" ).append($p);//向one添加$P
    //$p.appendTo($(".one")); //把$p添加到one里
    //$( ". one" ).prepend($p);//向one的顶部添加p
    //$( ".one" ).after($p);//在one的后面添加p
    // $p.insertAfter($( ".one"));/ / 把p添加到one的后面
    $(".one").before($p);//在one的前面添加p

操纵方法：
    替换元素：
    replaceWith ()方法,可以移动页面上的原有的元素来替换当前选定的页面所有匹配元素
    replaceAll()是replaceWith()颠倒过来。
    
      $div = $("<div style= ' border : solid 1px#f00 ' ></div>");
    //$("p").replacewith($div);//把每一个p标记替换成div(注意，不同jq版本，替换的内容不一样)
    // $div.replaceAll($("p")); // 用div替换每一个p标记
    
    包裹元素：
    wrapall()该方法将所有匹配的元素用一个元素包裹起来
    wrapInner ()改方法是将每一个匹配的元素的子内容〈包括文本节点)用其他结构化得标记包裹起来。
   
    //$( "p"). wrapAl1($div);//把所有的p包裹在一个div里
    $("p" ).wrapInner($div);//把每一个的内容用div分别包裹

    删除元素：
    remove方法所有匹配的元素删除
    empty清除节点，它能清除元素中的所有后代节点
    
    //$(this ).remove();//删除整个标记
    $(this).empty();//清空内容