如何使用 jQuery 删除 HTML 元素的所有属性？

在本文中，我们将看到如何使用 jQuery 删除 HTML 元素的所有属性。要删除元素的所有属性，我们使用removeAttributeNode() 方法。

句法：

$.fn.removeAllAttributes = function() {
    return this.each(function() {
        $.each(this.attributes, function() {
            this.ownerElement.removeAttributeNode(this);
        });
    });
};

$('textarea').removeAllAttributes();

在下面的示例中，我们正在创建一个 textarea 元素，其中包含一些属性，例如行、列、id 和名称。当我们在 textarea 元素上应用上述代码时，所有属性都将被删除。

例子：

HTML

  

    
        How to remove all attributes of 
        an HTML element using jQuery?
    
  
    
    
  
    
        #txtarea {
            font-size: 18px;
            background-color: green;
        }
    
  
    
        $(document).ready(function() {
            $("#position").on('click', function() {
                $.fn.removeAllAttributes = function() {
                    return this.each(function() {
                        $.each(this.attributes, function() {
                            this.ownerElement.removeAttributeNode(this);
                        });
                    });
                };
                $('textarea').removeAllAttributes();
            });
        });
    

  

    
        
            GeeksforGeeks
        
  
        
            How to remove all attributes of 
            an HTML element using jQuery?
        
  
        
        
  
        Welcome to GeeksforGeeks
        
    

  

输出：