jQuery append()用法及代碼示例

在本文中，我們將了解如何在 jQuery 中使用 append() method 。 append() method 用於在現有元素內插入新內容。還有一些其他方法可以在現有元素中插入新內容，這些方法是 - prepend() 、 html() 、 text() 、 before() 、 after() 、 wrap() 等。

現在，讓我們嘗試詳細了解append() method。該方法用於將內容插入到所選元素的末尾。

用法:

$(selector).append(content, function(index, html))

參數：

content:它是一個強製參數，指定要插入的內容。它主要包含 3 種可能的值，它們是：
- HTML值
- jQuery 對象
- DOM值
函數(索引，HTML):它是一個可選參數，指定帶有兩個參數index和的函數HTML返回您要插入的內容。
- index:該參數指定元素在集合中的索引位置。
- HTML：該參數指定當前HTML所選元素的。

例子：在這個例子中，我們將看到使用append().

HTML


<!DOCTYPE html>
<html>
<head>
    <title>
        What is the use of append() method in JQuery?
    </title>
    <script src="
https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
    <script type="text/javascript">
        $(document).ready(function() {
            $("#btn").click(function() {
                $('div').append(' GeeksforGeeks')
            })
        });
    </script>
</head>
<body style="text-align: center;">
    <h1 style="color: green;">GeeksforGeeks</h1>
    <h2>
        What is the use of append() method in jQuery?
    </h2>
    <div>Welcome to</div>
    <br>
    <button id="btn">Append Text</button>
</body>
</html>

輸出：

相關用法

注：本文由純淨天空篩選整理自AnujMehla大神的英文原創作品 What is the use of append() method in JQuery ?。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。