如何使用 jQuery 创建 HTML 元素？

在本文中，我们将了解如何使用 jQuery 创建 HTML 元素。要创建和附加 HTML 元素，我们使用 jQuery append() 方法。

jQuery append() 方法用于在所选元素的末尾插入一些内容。

句法：

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

参数：

• content：必填参数，用于指定要插入到所选元素末尾的内容。内容的可能值是 HTML 元素、jQuery 对象和 DOM 元素。
• 函数(index, html)：它是可选参数，用于指定将返回要插入的内容的函数。
  • index：用于返回元素的索引位置。
  • html：用于返回被选元素的当前 HTML。

例子：

HTML

  

    
        How to create an HTML element using jQuery?
    
  
    
    
  
    
    
        $(document).ready(function() {
  
            $("button").click(function() {
                $(".append").append(
'<div class="added">New HTML element added</div>');
            });
        });
    
  
    
    
        .added {
            padding: 20px;
            margin-top: 20px;
            background: green;
            color: white;
            display: inline-block;
        }
    

  

    
        GeeksforGeeks
  
        
            How to create an HTML element using jQuery?
        
  
        Append New HTML Element
  
        
    

  

输出：