在Web前端开发中，jQuery是一个非常流行的JavaScript库，它简化了HTML文档的遍历、操作、事件处理和动画等操作。其中的wrap()方法是一个非常有用的方法，可以帮助我们在DOM元素外部包裹一个新的元素。
语法
----------------------------------
- selector：要被包裹的元素
- wrappingElement：用于包裹的新元素
功能
wrap()方法可以将指定元素的外部包裹一层新的元素。这个新的元素可以是一个已经存在的元素，也可以是一个全新创建的元素。
示例
假设我们有如下HTML结构：
---- ----------------
------- -- - --------------
------现在我们想要在这个段落外部包裹一个新的div元素，可以这样使用wrap()方法：
----------------- -------------------------
这将会把原本的HTML结构变成：
---- ----------------
---- ----------------
------- -- - --------------
------
------多个元素包裹
如果我们想要将多个元素一起包裹在一个新的元素中，可以使用wrapAll()方法。例如：
-------------------- -------------------------
这将会把所有的段落一起包裹在一个新的div元素中。
包裹内容
除了包裹元素外部，我们还可以在元素内部添加内容。例如：
----------------- ---------------------------------------
这将会在包裹的div元素内部添加一个h1标题。
总结
通过使用jQuery的wrap()方法，我们可以方便地在DOM元素外部包裹一个新的元素，使得页面结构更加清晰和灵活。希望本文对你有所帮助！