如何使用 jQuery 将 jQuery 对象附加到所有段落？

在本文中，我们将看到如何使用 jQuery 将 jQuery 对象附加到所有段落。追加意味着我们向现有元素添加一些东西。该对象用于为外部资源（如页面、图片、媒体播放器或插件应用程序）定义容器。

使用的方法：

• ready() 方法：该方法用于指定在 DOM 完全加载时要执行的函数。
• click() 方法：该方法用于触发点击事件，或者附加一个函数在点击事件发生时运行。
• append() 方法：该方法用于在被选元素的末尾插入指定的内容。

方法：

• 使用段落

  元素创建 HTML 页面。

• 接下来，编写一个脚本将对象附加到段落元素中。

例子：

HTML

  

    
    
  
    
        body {
            text-align: center;
            font-size: 20px;
        }
  
        button {
            background-color: #4CAF50;
            /* Green */
            border: none;
            color: white;
            padding: 15px 32px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
        }
  
        object {
            font-size: 30px;
            color: lightgreen;
            background-color: green;
        }
    
  
    
        $(document).ready(function () {
            $("button").click(function () {
                $("p").append(
                    "<object>This is object</object>.");
            });
        });
    

  

    GeeksforGeeks
    
        Click on the button to append object 
        at the end of every paragraph.
    
  
    This is a paragraph.
  
    This is another paragraph.
  
    Append Object

  

输出：

追加对象