JQuery中提供了多种方法来包裹DOM节点，可以根据实际需求选择适合的方法。下面是其中四种方法的详细说明：
.wrap().wrap() 方法将每个被选元素都包裹在指定的单个元素中。被选元素保留其原来的位置，只是被一个外层元素包裹起来。例如：
<div class="wrapper">
<p>这是一段文本</p>
</div>
可以使用 .wrap() 方法将 p 元素包裹在一个 div 元素中：
$( "p" ).wrap( "<div></div>" );
此时的文档结构如下：
<div class="wrapper">
<div>
<p>这是一段文本</p>
</div>
</div>
.wrapAll().wrapAll() 方法将所有被选元素都包裹在同一个单个元素中。例如：
<div class="wrapper">
<p>这是一段文本</p>
<a href="#">链接</a>
</div>
<div class="container">
<p>这是另一段文本</p>
</div>
可以使用 .wrapAll() 方法将所有的 p 和 a 元素都包裹在一个 div 元素中：
$( "p" ).wrapAll( "<div></div>" );
$( "a" ).wrapAll( "<div></div>" );
此时的文档结构如下：
<div class="wrapper">
<div>
<p>这是一段文本</p>
<a href="#">链接</a>
</div>
</div>
<div class="container">
<div>
<p>这是另一段文本</p>
</div>
</div>
.wrapInner().wrapInner() 方法将所有被选元素的内容（包括子元素）都包裹在指定的单个元素中。例如：
<div class="wrapper">
<p><span>这是一段文本</span></p>
</div>
可以使用 .wrapInner() 方法将 p 元素的内容（包括 span 元素）都包裹在一个 div 元素中：
$( "p" ).wrapInner( "<div></div>" );
此时的文档结构如下：
<div class="wrapper">
<p>
<div>
<span>这是一段文本</span>
</div>
</p>
</div>
.unwrap().unwrap() 方法用于将被选元素的父元素移除，并将被选元素移动到被选元素原来的位置。例如：
<div class="wrapper">
<div id="container">
<p>这是一段文本</p>
</div>
</div>
可以使用 .unwrap() 方法将 div 元素移除：
$( "#container" ).unwrap();
此时的文档结构如下：
<div class="wrapper">
<p>这是一段文本</p>
</div>
以上是四种常用的 JQuery 包裹 DOM 节点的方法，可以针对不同的需求进行选择使用。
本文链接：http://task.lmcjl.com/news/880.html