jQuery中wrap()方法的作用

程序猿 2021-02-26 22:24:12 1152浏览 加载中

jQuery中的wrap()方法可以用其他元素的结构化标签包装所有匹配的元素。这种包装器最适用于在文档中插入额外的结构化标签,并且不会破坏原始文档的语义质量,我们可以灵活地修改我们的DOM。本文向大家介绍jQuery中的wrap()方法的作用和具体使用实例。

一、wrap()方法介绍

1、把每个被选元素放置在指定的 HTML内容或元素中;

2、分别给所匹配的元素添加指定的标签;

3、用于在每个匹配元素之前的位置插入内容。

二、wrap()方法使用实例

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="js/jquery-3.3.1.js"></script>
    </head>
    <body>
        <a href='http://www.baidu.com'>百度</a>
        <a href='http://www.baidu.com'>百度</a>
        <a href='http://www.baidu.com'>百度</a>
        <script>
            $("a").wrap("<div></div>");
        </script>
    </body>
</html>

以上就是jQuery中wrap()方法的作用和具体使用实例介绍,需要注意它的效果是将匹配的每一个元素各用一个指定标签包裹哦~

标签: jQuery
最后修改:2024-04-17 06:30:43

非特殊说明,本博所有文章均为博主原创。