jq wrap方法

wrap ( ) : 给每一个被选中的元素加上一个父级；

eg：给每一个p标签加上类名为wrapper的div父级

<p class="box">1</p>
    <p class="box">2</p>
 <script>
     $(".box").wrap($("<div class='wrapper'></div>"))
 </script>

wrapAll ( ) : 把被选中的元素加上一个统一的父级；值得注意的是：被选中的元素必须是同级，不是同级它会以第一个被选中的元素为基准为元素加父级，大家可以去试试。

eg：把选中的p标签加上一个统一的类名为wrapper的div父级

<p class="box">1</p>
    <p class="box">2</p>
 <script>
     $(".box").wrapAll($("<div class='wrapper'></div>"))
 </script>

unwrap ( ) : 把被选中的元素的直接父级删除；

eg:删除p标签的父级div元素

<div>
        <p class="box">1</p>
    </div>
<script>
     $(".box").unwrap()
 </script>