JQuery是一個極其流行的JavaScript庫，可簡化網(wǎng)頁的HTML文檔遍歷、操作和事件處理。其中一個強(qiáng)大的功能是wrap()方法，該方法允許將現(xiàn)有元素包裹在一個新的父元素中。

示例1：
HTML代碼：
<div class="container">
<div class="box">Box 1</div>
<div class="box">Box 2</div>
<div class="box">Box 3</div>
</div>
JavaScript代碼：
$(document).ready(function(){
$(".box").wrap("
");
});
結(jié)果：
<div class="container">
<div class="new-container">
<div class="box">Box 1</div>
</div>
<div class="new-container">
<div class="box">Box 2</div>
</div>
<div class="new-container">
<div class="box">Box 3</div>
</div>
</div>

上面的代碼將會把所有的.box元素都包裹在一個新的div元素類名為“new-container”中，并返回此新的包裝器，從而將HTML修改為上述結(jié)果。

示例2:
HTML代碼：
<div class="container">
<div class="box1">Box 1</div>
<div class="box2">Box 2</div>
<div class="box3">Box 3</div>
</div>
JavaScript代碼：
$(document).ready(function(){
$(".box1, .box2").wrapAll("
");
});
結(jié)果：
<div class="container">
<div class="new-container">
<div class="box1">Box 1</div>
<div class="box2">Box 2</div>
</div>
<div class="box3">Box 3</div>
</div>

wrapAll()方法將只創(chuàng)建一個新的包裝器，其中所有選擇器匹配的元素均被包裹。這是非常有用的，尤其是當(dāng)您需要刪除HTML中的一些嵌套元素，而其它元素仍然需要包括在新的包裝器中。

使用簡單易懂的jQuery的wrap()方法，可以在Web開發(fā)中輕松地修改HTML結(jié)構(gòu)。