如何使用 jQuery 更改图标的颜色？

在本文中，我们将了解如何使用 jQuery 更改图标的颜色。要更改图标的颜色，我们将使用 jquery 方法。

jQuery css() 方法 该方法用于更改特定选择器的样式。此方法也可用于更改图标的颜色。首先，我们将使用 font awesome 图标创建一个图标元素，并使用 CSS 属性在其上添加一些样式。我们添加了一个 HTML 按钮，当单击该按钮时，调用 css() 方法并在图标元素上添加一些颜色和背景颜色。

句法：

$(selector).css(property)

返回值：它将返回所选元素的属性值。

例子：

HTML

  

    
        How to change the color of the icon using jQuery?
    
    
    
    
    
        .btn {
            background-color: blue;
            border: none;
            color: white;
            padding: 16px 16px;
            font-size: 100px;
            border-radius: 5px;
        }
  
        #append {
            padding: 5px 15px;
        }
    
    
    
        $(document).ready(function () {
            $("button").click(function () {
                $(".btn").css({
                    backgroundColor: "green",
                    color: "yellow"
                });
            });
        });
    
  

  

  
    
        
            GeeksforGeeks
        
  
        
            How to change the color of the icon using jQuery?
        
  
        
            
        
  
        
  
        
            Change Icon Color
        
  
    

  

输出：