如何在 jQuery 中添加或删除类？

addClass() 或removeClass() 当有一些事件监听器或创建某种效果时需要添加到我们的网页时，方法用于添加 CSS 类。

在本文中，让我们看看如何在 jQuery 中添加 CSS 类或删除 CSS 类。

句法：

• 添加一个类：

  $('selector').addClass(class_name);

• 删除一个类：

  $('selector').removeClass(class_name);

示例：下面的示例添加了一个类，当单击 ADD CLASS 按钮时背景颜色为黑色，并在单击 REMOVE CLASS 按钮时删除添加的类。

HTML

  

    
    
    
  
    
    
    
  
    
        h1 {
            color: #006600;
        }
          
        button {
            color: white;
            background-color: #006600;
            width: auto;
            height: 30px;
        }
          
        body {
            text-align: center;
        }
          
        div {
            margin: 10px;
            height: 150px;
            width: 150px;
            position: relative;
            text-align: center;
            display: flex;
            left: 215px;
        }
          
        .bg-black {
            background-color: black;
        }
    

  

    Geeks For Geeks
  
     ADD CLASS 
     REMOVE CLASS 
  
  
    
  
        
        
        
    
  
    
        $(document).ready(function() {
            $('#btnadd').click(function() {
                $('img').addClass('bg-black');
            });
            $('#btnremove').click(function() {
                $('img').removeClass('bg-black');
            });
        });
    

  

输出：

添加类和删除类