如何使用 jQuery 向已有类的元素添加新类？

在本文中，我们将学习使用 jQuery 向已有类的元素添加新类。要添加一个新类，我们使用 jQuery addClass()方法。 addClass()方法用于向每个选定元素添加更多类及其属性。它还可用于更改所选元素的属性。

句法：

$(selector).addClass(className);

参数：它接受一个参数“ className ”，即要添加的新类的名称。

例子：

HTML

  

    
        .GFG1 {
            color: green;
            font-weight: bold;
        }
  
        .GFG2 {
            font-size: 24px;
        }
    
  
    
    
    
  
    
        $(document).ready(function () {
            $("button").click(function () {
                $("p").addClass("GFG2");
            });
        });
    

  

    
        GeeksforGeeks
    
  
    
        How to add a new class to an element that
        already has a class using jQuery?
    
  
    
        GeeksforGeeks computer science portal
    
  
    Click Here!

  

输出：

点击按钮前：

点击按钮后：