如果要將元素用其他元素包裹起來(lái)，也就是給它增加一個(gè)父元素，針對(duì)這樣的處理，JQuery提供了一個(gè)wrap方法
.wrap( wrappingElement )：在集合中匹配的每個(gè)元素周?chē)粋€(gè)HTML結(jié)構(gòu)
簡(jiǎn)單的看一段代碼：
<p>p元素</p>
給p元素增加一個(gè)div包裹
$('p').wrap('<div></div>')
最后的結(jié)構(gòu)，p元素增加了一個(gè)父div的結(jié)構(gòu)
<div>
<p>p元素</p>
</div>
.wrap( function ) ：一個(gè)回調(diào)函數(shù)，返回用于包裹匹配元素的 HTML 內(nèi)容或 jQuery 對(duì)象
使用后的效果與直接傳遞參數(shù)是一樣，只不過(guò)可以把代碼寫(xiě)在函數(shù)體內(nèi)部，寫(xiě)法不同而已
以第一個(gè)案例為例：
$('p').wrap(function() {
return '<div></div>'; //與第一種類(lèi)似，只是寫(xiě)法不一樣
})
注意：
.wrap()函數(shù)可以接受任何字符串或?qū)ο?，可以傳遞給$()工廠函數(shù)來(lái)指定一個(gè)DOM結(jié)構(gòu)。這種結(jié)構(gòu)可以嵌套了好幾層深，但應(yīng)該只包含一個(gè)核心的元素。每個(gè)匹配的元素都會(huì)被這種結(jié)構(gòu)包裹。該方法返回原始的元素集，以便之后使用鏈?zhǔn)椒椒ā?/p>
請(qǐng)驗(yàn)證，完成請(qǐng)求
由于請(qǐng)求次數(shù)過(guò)多，請(qǐng)先驗(yàn)證，完成再次請(qǐng)求
打開(kāi)微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書(shū)簽
舉報(bào)