创建一个带有一些文本的段落元素，并使用 jQuery 将其附加到文档正文的末尾

在本文中，我们将使用一些文本创建一个段落元素，并使用 jQuery 将其附加到文档正文的末尾。为了在文档正文的末尾附加一些文本，我们使用add()和appendTo()方法。 jQuery add()方法用于向现有元素组添加元素。此方法可以向整个文档添加元素，或者如果定义了上下文参数，则只在上下文元素中添加元素。

句法：

$(selector).add(element, context_parameter)

jQuery appendTo()是一个内置方法，用于在所选元素的末尾插入一个 HTML 元素。

句法：

$(content).appendTo(selector)

例子：

HTML

  

     
    
    
    
  
    
        $(document).ready(function () {
            $("button").click(function () {
                $("button").add("
                    <p>Hello World!</p>")
                    .appendTo(document.body);
            });
        });
    

  

    
        GeeksforGeeks
    
  
    
        How to create a paragraph element with
        some text and append it to the end
        of the document body using jQuery?
    
      
    GeeksforGeeks computer science portal
  
    GeeksforGeeks
    
  
    Click Here!

  

输出：

点击按钮前：

点击按钮后：