今天的码农女孩学习了关于jQuery中的文档处理的内容

文档处理
    内添加（孩子）
        1.append()在父类尾部添加孩子（新）
        2.appendTo()在父类尾部添加孩子（指定）
        3.prepend()在父类头部添加孩子（新）
        4.prependTo()在父类头部添加孩子（指定）
        例：
        $(".box").append("<img src='img/about1.png'>")相当于在.box的元素中的尾部添加一张图片
        $(".font").appendTo(".box")相当于将.font的元素剪切到.box的元素中
    外添加（兄弟）
        1.after()添加下面的兄弟（新）
        2.insertAfter()添加下面的兄弟（指定）
        3.before()添加上面的兄弟（新）
        4.insertBefore()添加上面的兄弟（指定）
        例：
        $(".p").after("<img src='img/about1.png'>")相当于在p标签后面添加一张图片
        $(".ul").insertAfter(".p")相当于在p标签后面添加ul标签里的内容
     包裹（父类）
        1.warp()把指定的元素分别包裹起来
        2.warpAll()把指定的元素所有包裹起来
        3.warpInner()把指定的元素内容包裹起来
        例：
         $("ul li").wrap("<div></div>")相当于在每一个li外面包裹一个div，也就是说一个div是一个li的父元素

          例：<div><li></li></div><div><li></li></div>
         $("ul li").wrapAll("<div></div>")相当于在所有li外面包裹一个div，也就是说div是所有li的父元素

          例：<div><li></li><li></li></div>
         $("ul li").wrapInner("<div></div>")相当于在li元素里的内容外包裹一个div

          例：<li><div>1111</div></li>
      替换
        1.replaceWith()把标签替换成新标签
        2.replaceAll()把标签替换成新标签
        例：
         $(".p").replaceWith("<img src='img/about1.png'>")相当于用图片替换p标签的内容
         $("<h2>替换p标签</h2>").replaceAll(".p")相当于用h2的内容替换p标签的内容
      删除
        1.empty()删除所有子节点
        2.remove()删除指定元素
        例：
         $(".div").empty()相当于将div的内容全部删除，但是div不删除
         $(".div").remove()相当于将整个div全部删除
         $("div").remove(".box") 相当于将div里的.box元素的内容删除
      复制
        1.clone()复制元素
        例：
        $(".font").clone(".box")相当于将.font的元素复制到.box的元素中