a是被替换的那个对象
        b是替换的那个完整标签
        a.replaceWith(b);//b就会把a替换掉 (后面的 b 替换了前面的 a)  后面替换前面
        b.replaceAll(a);//b把a替换掉  (前面的 b 替换后面的 a) 前面替换后面

        //如果有多个p  就会都替换

        $("p").replaceWith("<strong>你女朋友最不喜欢的水果是???</strong>");//把整个p标签都换了 换成了  <strong>你女朋友最不喜欢的水果是???</strong>

        //如果有多个p 并且只想替换一个

         $($("p").get(1)).replaceWith("<strong>你女朋友最不喜欢的水果是???</strong>");//只把第2个p标签替换了
         也可以给想要替换的那个标签 加一个ID  就是只替换一个了
         $("#abc").replaceWith("<li>我替换了id为abc的那个标签</li>")

         //replaceAll() :
         $("<strong>你妈咪最不喜欢的水果是???</strong>").replaceAll("#abc");//前面的替换了后面的 替换了id为#abc的那个标签
         $("<li>我替换了所有的p标签</li>").replaceAll("p");//前面替换了后面的

//包裹wrap() wraoAll() wrapInner() :

    //wrap() :

         wrap() : 给匹配 到的元素,包裹一个新的html标.
         a标签对象(被包裹)  b是标签(用b标签包裹)
        所有的 a标签 都会被包裹
            a.wrap(b);
        //如果有一个a标签  就包裹成 :
                <b><a>我是a标签</a></b>
        //如果有多个a标签  就包裹成 :
                <b><a>我是a标签</a></b>
                <b><a>我是a标签</a></b>
                <b><a>我是a标签</a></b>
                每个都是分开包裹的 不是一起包裹到一起
         a.wrap("b");//就是给a添加了一个父标签 a被b包裹
         <p>我是p标签</p>
          $("p").wrap("<i></i>");//给p标签添加一个父标签,就是用<i>标签把p标签包裹了 就成了<i><p>我是p标签</p></i>
          /*
           <i>
                <p>我是p标签</p>
           </i>
           */

   //wrapAll() :

        wrapAll():把标签都包裹到一起,就算要被包裹标签没在一起,中间有别的标签,也会吧那个要被包裹标签,都移到一起,在一起包裹
       //包裹之前
            <a>123</a>
            <p>aaa</p>
            <a>456</a>
        a.wrapAll(b);//全部包裹
        //包裹之后
            <b>
                <a>123</a>
                <a>456</a>
            </b>
            <p>aaa</p>
        这样包裹之后,输出的位置就变了,效果也就变了

    //wrapInner() :