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 ?。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。