如何在 jQuery 中添加和删除多个类？

给定一个 HTML 元素，任务是使用 JQuery 在其中添加和删除多个类。

方法：

• 首先选择要添加多个类的元素。
• 然后使用 addClass() 方法向元素添加多个类，使用 removeClass() 方法删除多个类。

示例 1：此示例使用 addClass() 方法将两个类color 和 fontWeight添加到所选元素。

 
 
     
         
            How to Add and Remove multiple classes
        
          
        
        
          
        
            .color {
                color: red;
            }
            .fontWeight {
                font-weight: bold;
            }
        
     
      
     
          
         
            GeeksForGeeks 
        
          
        
        
          
        
            click here
        
          
        
        
          
        
            $('#GFG_UP').text("Click on button to add multiple"
                + " classes to this element");
              
            function GFG_Fun() {
                $("#GFG_UP").addClass("color fontWeight");
                $('#GFG_DOWN').text("color and fontWeight,"
                        + " Both classes added");
            }
         
     
                    

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

示例 2：此示例使用 removeClass() 方法从所选元素中删除两个类color 和 fontWeight 。

 
 
     
         
            How to Add and Remove multiple classes
        
          
        
        
          
        
            .color {
                color: red;
            }
            .fontWeight {
                font-weight: bold;
            }
        
     
      
     
          
         
            GeeksForGeeks 
        
          
        
        
          
        
            click here
        
          
        
        
          
        
            $('#GFG_UP').text("Click on button to remove"
                + " multiple classes to this element");
              
            function GFG_Fun() {
                $("#GFG_UP").removeClass("color fontWeight");
                $('#GFG_DOWN').text("color and fontWeight,"
                        + " Both classes removed");
            }
         
     
                    

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

jQuery 是一个开源 JavaScript 库，它简化了 HTML/CSS 文档之间的交互，它以其“少写，多做”的理念而广为人知。
您可以按照此 jQuery 教程和 jQuery 示例从头开始学习 jQuery。