JQuery 中 append() 方法的用途是什么？

在本文中，我们将了解如何在 jQuery 中使用 append() 方法。 append() 方法用于在现有元素中插入新内容。还有一些其他方法可以在现有元素中插入新内容，它们是 prepend()、html()、text()、before()、after()、wrap() 等。

现在，让我们尝试详细了解 append() 方法。此方法用于将内容插入到所选元素的末尾。

句法：

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

参数：

• content：必填参数，指定要插入的内容。它主要包含 3 种可能的值，它们是——
  • HTML 值
  • jQuery 对象
  • DOM 值
• 函数(index, HTML)：它是一个可选参数，它指定接受两个参数 index 和 HTML 的函数，返回要插入的内容。
  • index：该参数指定元素在集合中的索引位置。
  • HTML：此参数指定所选元素的当前 HTML。

例子：

HTML

  

    
        What is the use of append() method in JQuery?
    
  
    
    
  
    
        $(document).ready(function() {
            $("#btn").click(function() {
                $('div').append(' GeeksforGeeks')
            })
        });
    

  

    GeeksforGeeks
  
    
        What is the use of append() method in jQuery?
    
  
    Welcome to
    
  
    Append Text

  

输出：