• 技术文章 >web前端 >js教程

    JavaScript中wrap的意思是什么

    长期闲置长期闲置2021-12-28 18:36:43原创570

    JavaScript中wrap的意思是“包裹”,wrap()方法用于指定的 HTML元素来包裹每个被选元素,语法为“元素对象.wrap(wrappingElement,function(index))”。

    本教程操作环境:windows10系统、javascript1.8.5版、Dell G3电脑。

    JavaScript中wrap的意思是什么

    wrap() 方法使用指定的 HTML 元素来包裹每个被选元素。

    语法为:

    $(selector).wrap(wrappingElement,function(index))

    其中wrappingElement是必须的,用于规定包裹每个被选元素的 HTML 元素,可能是HTML 元素、jQuery 对象或者DOM 元素。

    function(index)是可选的,用于规定返回包裹元素的函数。

    示例如下:

    <html>
    <head>
    <meta charset="utf-8">
    <title>123</title>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
    </script>
    <script>
    $(document).ready(function(){
    $("button").click(function(){
    $("p").wrap("<div></div>");
    });
    });
    </script>
    <style type="text/css">
    div{background-color:yellow;}
    </style>
    </head>
    <body>
    <p>这是一个段落。</p>
    <p>这是另一个段落。</p>
    <button>给每个P元素包裹一个div元素</button>
    </body>
    </html>

    输出结果:

    +2.gif

    【相关推荐:javascript学习教程

    以上就是JavaScript中wrap的意思是什么的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:javascript 前端 html
    上一篇:JavaScript怎样实现点击出现效果 下一篇:javascript怎样判断class是否存在
    Web大前端开发直播班

    相关文章推荐

    • 你必须了解JavaScript箭头函数与剩余参数• JavaScript中style什么意思• 十分钟搞懂什么是JavaScript迭代器• 数据结构的学习之使用JavaScript实现链表的操作(实例详解)• JavaScript定位元素的方法有哪些
    1/1

    PHP中文网