jQuery中wrap()方法的作用

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

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

一、wrap()方法介绍

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

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

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

二、wrap()方法使用实例

codelayui.code

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title></title>
  6.         <script src="js/jquery-3.3.1.js"></script>
  7.     </head>
  8.     <body>
  9.         <a href='http://www.baidu.com'>百度</a>
  10.         <a href='http://www.baidu.com'>百度</a>
  11.         <a href='http://www.baidu.com'>百度</a>
  12.         <script>
  13.             $("a").wrap("<div></div>");
  14.         </script>
  15.     </body>
  16. </html>

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

标签: jQuery
最后修改:2025-04-06 05:10:45

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