本文实例讲述了jQuery中wrapAll()方法用法。分享给大家供大家参考。具体分析如下: 此方法将所有匹配的元素用单个元素包裹起来。 此方法与wrap()方法虽然功能类似,但是有着很大区别。wrap()方法会把每一个匹配的元素都匹配一次。 语法一: 用指定的DOM元素去包裹匹配元素。 复制代码 代码如下: $(selector).wrapAll(elem) 参数列表: 参数 描述 elem 用于包裹目标的DOM元素。 实例: 复制代码 代码如下: 脚本之家 <br /> div<br /> {<br /> width:200px;<br /> height:200px;<br /> border:1px solid blue;<br /> margin-top:10px;<br /> }<br /> <br /> $(document).ready(function(){<br /> $("button").click(function(){<br /> $("p").wrapAll(document.getElementById("content"));<br /> });<br /> });<br /> 我是个段落 我是个段落 用div包裹每个段落 语法二: 用html标记代码包裹匹配的元素。 复制代码 代码如下: $(selector).wrapAll(html) 参数列表: 参数 描述 elem 用于包裹目标的DOM元素。 实例: 复制代码 代码如下: 脚本之家 <br /> .content<br /> {<br /> width:200px;<br /> height:200px;<br /> border:1px solid blue;<br /> }<br /> <br /> $(document).ready(function(){<br /> $("button").click(function(){<br /> $("p").wrapAll("<div class='content'> "); }); }); 这是个段落 这是个段落 用div包裹每个段落 希望本文所述对大家的jQuery程序设计有所帮助。