jQuery append()和appendTo()方法

本節教學主要介紹 append( ) 方法和 appendTo( ) 方法向所選元素內部的“末尾處”插入節點

jQuery append()方法

在 jQuery 中，我們可以使用 append( ) 方法向所選元素內部的“末尾處”插入內容。

語法：

$(A).append(B)

$(A).append(B) 表示往 A 內部的末尾處插入 B。

舉例：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <style type="text/css">
        p{background-color:orange;}
    </style>
    <script src="js/jquery-1.12.4.min.js"></script>
    <script>
        $(function () {
            $("#btn").click(function () {
                var $strong = "<strong>jQuery教學</strong>";
                $("p").append($strong);
            })
        })
    </script>
</head>
<body>
    <p>C語言中文網</p>
    <input id="btn" type="button" value="插入"/>
</body>
</html>

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

圖 1：預設效果