jQuery before()和insertBefore()方法

本節教學介紹 before( ) 方法和 insertBefore( ) 方法在元素外部的“前面”插入內容。

jQuery before()方法

在 jQuery 中，我們可以使用 before( ) 方法向所選元素外部的“前面”插入內容。

語法：

$(A).before(B)

$(A).before(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").before($strong);
            })
        })
    </script>
</head>
<body>
    <p>C語言中文網</p>
    <input id="btn" type="button" value="插入"/>
</body>
</html>

程式執行效果如圖 1 所示。

圖 1：預設效果