如何使用 jQuery 删除元素的内容？

在本文中，我们将讨论如何使用 jQuery 删除元素的内容。要删除元素的内容，我们将使用 empty() 方法。

jQuery empty() 方法用于删除所选元素的所有子节点及其内容。此方法不接受任何参数。

句法：

$(selector).empty()

方法：在本文中，首先我们创建一个带有 .main 类的 div 容器，其中包含另外两个 div 元素。此外，我们创建了一个输入按钮元素，当用户单击该按钮时，调用 empty() 方法并删除所有子节点及其内容。

例子：

HTML

  

    
    
    
    
      
    
        .main {
            width: 450px;
            text-align: justify;
            font-size: 18px;
        }
  
        #GFG {
            padding: 5px 15px;
            margin-top: 20px;
        }
    
  
    
        $(document).ready(function() {
            $("#GFG").on('click', function() {
                $(".main").empty();
            })
        });
    

  

    
        
            GeeksforGeeks
        
  
        
            How to remove the contents of
            the elements using jQuery?
        
  
        
            
                HTML stands for HyperText Markup 
                Language. It is used to design 
                web pages using a markup language. 
                HTML is the combination of 
                Hypertext and Markup language.
            
  
            
                Cascading Style Sheets, fondly 
                referred to as CSS, is a simply 
                designed language intended to 
                simplify the process of making 
                web pages.
            
        
  
        
    

  

输出：