jQuery | removeClass() 与示例

removeClass() 方法是 jQuery 中的一种内置方法，用于从所选元素中删除一个或多个类名。

句法：

$(selector).removeClass(class_name, function(index, current_class_name))

参数：此函数接受两个参数，如上所述，如下所述：

• class_name：可选参数，用于指定要删除的类名（一个或多个类）。多个类名用空格分隔。
• 函数:它是可选参数，它返回一个或多个需要删除的类名。
  • index：该参数用于返回元素的索引。
  • current_class_name：此参数返回所选元素的类名。

返回值：此方法返回具有指定删除类名的选定元素。

下面的例子说明了 jQuery 中的 removeClass() 方法：

示例 1：

    
        The removeClass Method
        
        
          
        
        
            $(document).ready(function() {
                $("p").click(function() {
                    $("p").removeClass("GFG");
                });
            });
        
        
            .GFG {
                font-size: 120%;
                color: green;
                font-weight: bold;
                font-size: 35px;
            }
            div {
                width: 50%;
                height: 200px;
                padding: 20px;
                border: 2px solid green;
            }
        
    
       
    
        
            
            Welcome to
            GeeksforGeeks
        
    

输出：
在点击段落之前：

点击段落后：

示例 2：此示例不包含参数。这将删除所选元素的所有类。

    
        The removeClass Method
        
        
          
        
        
            $(document).ready(function() {
                $("p").click(function() {
                    $("p").removeClass();
                });
            });
        
        
            .GFG {
                font-size: 120%;
                color: green;
                font-weight: bold;
                font-size: 35px;
            }
               
            div {
                width: 300px;
                height: 200px;
                padding: 20px;
                border: 2px solid green;
            }
        
    
    
        
              
            
            Welcome to 
            GeeksforGeeks!
       
        
    

输出：
在点击段落之前：

点击段落后：

相关文章：

• jQuery | not() 方法与示例
• jQuery | last() 示例