欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

jq wrap方法

程序员文章站 2024-03-23 17:55:16
...

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

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

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

jq wrap方法

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

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

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

jq wrap方法

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

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

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

jq wrap方法