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

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

在这篇文章中,我们将创建一个带有一些文本的段落元素,并使用jQuery将其追加到文档主体的结尾。为了在文档主体的末尾添加一些文本,我们使用add()和appendTo()方法。jQuery的add()方法是用来将元素添加到现有的元素组中的。这个方法可以将元素添加到整个文档中,如果定义了上下文参数,也可以只添加到上下文元素里面。

语法:

$(selector).add(element, context_parameter)

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

语法:

$(content).appendTo(selector)

示例:

<!DOCTYPE html>
<html lang="en">
  
<head>
     
    <!-- Import jQuery cdn library -->
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
  
    <script>
        (document).ready(function () {
            ("button").click(function () {
                $("button").add("
                    <p>Hello World!</p>")
                    .appendTo(document.body);
            });
        });
    </script>
</head>
  
<body style="text-align: center;">
    <h1 style="color: green;">
        GeeksforGeeks
    </h1>
  
    <h3>
        How to create a paragraph element with
        some text and append it <br>to the end
        of the document body using jQuery?
    </h3>
      
    <p>GeeksforGeeks computer science portal</p>
  
    <span>GeeksforGeeks</span>
    <br><br>
  
    <button>Click Here!</button>
</body>
  
</html>

输出:

点击按钮前:

使用jQuery创建一个带有一些文本的段落元素,并将其追加到文档正文的结尾。

点击按钮后:

使用jQuery创建一个带有一些文本的段落元素,并将其追加到文档正文的结尾。

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程