jQuery wrap()、wrapAll()和wrapInner()方法

在 jQuery 中，如果想要將某個元素用其他元素包裹起來，我們可以用 wrap()、wrapAll() 和 wrapInner() 3種方法來實現。下面就對這三種方法一一介紹。

jQuery wrap()方法

在 jQuery 中，我們可以使用 wrap() 方法將所選元素用其他元素包裹起來。

語法：

$(A).wrap(B)

$(A).wrap(B) 表示將 A 元素用 B 元素包裹起來。

舉例：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="js/jquery-1.12.4.min.js"></script>
    <script>
        $(function () {
            $("#btn").click(function () {
                $("p").wrap('<div style="background-color:orange;"></div>');
            });
        })
    </script>
</head>
<body>
    <p>C語言中文網</p>
    <p>C語言中文網</p>
    <p>C語言中文網</p>
    <input id="btn" type="button" value="包裹" />
</body>
</html>

預設情況下，預覽效果如圖 1 所示。

圖 1：預設效果