1、wrap方法
在每個匹配的元素外層包上一個html元素
參數類型說明:
1)html字符串
$('p').wrap('<div></div>');
傳入的html標簽也可以是嵌套多層,但應該只包含一個核心的元素
2)選擇器
傳入選擇器則是將 選中的元素(及其后代) 復制一份用來 包裹對應的元素
3)jQuery對象
可以使用新創建的元素對象或者使用選擇器獲取到的元素對象
4)html元素對象
5)函數
有多少個匹配元素,這個函數就會執行多少次!
函數接收一個參數
當前元素的序號
函數內部this代表當前的html元素對象
return用於包裹匹配元素的 HTML 內容或 jQuery 對象
2、wrapAll方法
在所有匹配元素外面包一層HTML結構
參數同上,但是我們一般不會傳入函數!
注意:如果所匹配的元素沒有共同的父元素時的情況
3、wrapInner方法
在匹配元素里的內容外包一層結構
參數同上
1 <script type="text/javascript"> 2 $(function(){ 3 $("p").wrapAll("<div></div>"); 4 $("a").wrap("<div></div>"); 5 $("p").wrapInner("<h1></h1>"); 6 } 7 ); 8 </script> 9 10 <p>段落</p> 11 <p>段落</p> 12 <a>鏈接</a> 13 <a>鏈接</a>