如何使用 jQuery 在单击锚标记时添加一个类？

在本文中，我们将看到如何使用 jQuery 在单击锚标记时添加一个类。要在点击锚标记时添加一个类，我们使用addClass() 方法。 addClass() 方法用于为每个选定元素添加更多属性。它也可以用来改变被选元素的属性。

句法：

$(selector).addClass("active");

在下面的示例中，我们正在创建一个锚类元素和一个按钮，当用户单击按钮时，会调用 addClass() 方法，该方法会添加一个名为“active”的类。

例子：

HTML

  

    
        How to add a class on click 
        of anchor tag using jQuery?
    
  
    
    
  
    
        .active {
            font-size: 32px;
            color: green;
            font-weight: bold;
            text-decoration: none;
        }
    
  
    
        $(document).ready(function() {
            $("#btn").on('click', function() {
                $("a").addClass("active");
            });
        });
    

  

    
        
            GeeksforGeeks
        
  
        
            How to add a class on click 
            of anchor tag using jQuery?
        
  
        
        
  
        
            GeeksforGeeks
        
    

  

输出：