本文實例講述了jQuery中wrapAll()方法用法。分享給大家供大家參考。具體分析如下: 此方法將所有符合的元素以單一元素包裹起來。 此方法與wrap()方法雖然功能類似,但有很大差異。 wrap()方法會把每一個相符的元素都配對一次。 語法一: 用指定的DOM元素去包裹匹配元素。 複製程式碼 程式碼如下: $(selector).wrapAll(elem) 參數列表: 参数 描述 elem 用于包裹目标的DOM元素。 實例: 複製程式碼程式碼如下: 腳本之家 <br /> div<br /> {<br /> 寬度:200px;<br /> 高度:200px;<br /> 邊框:1px 純藍色;<br /> 頂部邊距:10px;<br /> }<br /> </風格><br /> <腳本類型=“text/javascript”src=“mytest/jQuery/jquery-1.8.3.js”><br /> <腳本類型=“text/javascript”><br /> $(文檔).ready(function(){<br /> $("按鈕").click(function(){<br /> $("p").wrapAll(document.getElementById("content"));<br /> });<br /> });<br /> </腳本><br /> </頭><br /> <身體><br /> <p>我是個段落<br /> <p>我是個段落<br /> <div id="content"> 用div包裹每個段落 身體> 語法二: 用html標記程式碼包圍符合的元素。 複製程式碼如下程式碼: $(selector).wrapAll(html) 參數列表: 参数 描述 elem 用于包裹目标的DOM元素。 實例: 複製程式碼程式碼如下: 腳本之家 <br /> .內容<br /> {<br /> 寬度:200px;<br /> 高度:200px;<br /> 邊框:1px 純藍色;<br /> }<br /> </風格><br /> <腳本類型=“text/javascript”src=“mytest/jQuery/jquery-1.8.3.js”><br /> <腳本類型=“text/javascript”><br /> $(文檔).ready(function(){<br /> $("按鈕").click(function(){<br /> $("p").wrapAll("<div class='content'> "); }); }); 腳本> 頭> 這是一個段落 這是一個段落 用div包裹每個段落 身體> 希望本文對大家介紹的 jQuery 程式設計有所幫助。