jQuery | wrap() 与示例

简介

.wrap() 方法是 jQuery 库中提供的一种用于将每个匹配元素周围包裹一个 HTML 结构的方法。

语法

.wrap( wrappingElement )

参数

wrappingElement：必选参数，用于规定将被包裹的结构。

示例

HTML:

<div class="box">Some text here.</div>

JavaScript:

$(document).ready(function(){
    $(".box").wrap("<div class='wrapper'></div>");
});

结果:

<div class="wrapper">
    <div class="box">Some text here.</div>
</div>

解释

上述示例中，使用了 jQuery 库中的 .wrap() 方法将 .box 元素包裹在了一个新的 .wrapper 元素中。由于这里没有添加任何额外的样式，因此新的 .wrapper 元素的样式与默认样式一致，可以通过给 .wrapper 元素添加类名或直接在 JavaScript 中编写样式来改变它的样式。

总结

.wrap() 方法为开发者们提供了方便的机制来改变 HTML 结构，并且可以通过添加样式或类名来进行外观上的调整。该方法在开发过程中较为常见，因此对它的掌握将对开发者们的工作带来很大的便利。