{site_name}

{site_name}

🌜 搜索

jQuery中的wrap()函数是用于将指定的HTML结构包裹在匹配元素的外部

前端 𝄐 0
jQuerywrapall
jQuery中的wrap()函数是用于将指定的HTML结构包裹在匹配元素的外部。它可以接受一个包装元素(如字符串、DOM元素或jQuery对象),并且会通过将当前元素插入包装元素中来创建一个新的jQuery对象。

例如,假设我们有以下HTML代码:

html
<div class="outer">
<div class="inner">Hello World!</div>
</div>


我们可以使用wrap()函数将outer div标签替换为新的div标签,如下所示:

javascript
$(".inner").wrap("<div class='new-outer'></div>");


这将生成以下HTML代码:

html
<div class="new-outer">
<div class="outer">
<div class="inner">Hello World!</div>
</div>
</div>


此时,原先的outer div被包裹在新的div中,并且现在可以使用新的类名(.new-outer)轻松地操作这个新的包装器。

除了传递一个字符串作为参数之外,我们还可以将其他元素或jQuery对象传递给wrap()函数。例如:

javascript
var wrapper = $("<div class='wrapper'></div>");
$(".inner").wrap(wrapper);


这将产生类似的结果,但是现在我们使用的是一个已经存在的jQuery对象作为包装器。