如何使用 jQuery 检查元素是否具有特定的 CSS 样式？

给定一个包含一些 CSS 属性的 HTML 文档，任务是在 jQuery 的帮助下检查元素是否具有特定的 CSS 样式。

方法 1：使用css() 方法检查元素是否包含某些 CSS 样式。

示例：此示例使用 css() 方法来检查元素是否包含某种 CSS 样式。

  
  
  
 
     
       How to check an element has certain
       CSS style using jQuery ?
    
      
    
    

  
  
      
    
        GeeksForGeeks  
    
      
    
    
      
    
        click here
    
      
    
    
      
     
        var up = document.getElementById('GFG_UP');
        var down = document.getElementById('GFG_DOWN');
        var n = 1/0;
          
        up.innerHTML = "Click on the button to check"
                + " if H1 has style, color = green.";
          
        function GFG_Fun() {
            if ($("#h1").css("color") == "rgb(0, 128, 0)") {
                down.innerHTML = "H1 has CSS style, color: green";
            } else {    
                down.innerHTML = "H1 has not CSS style, color: green";
            }
        }
     
  
  

输出：

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

方法 2：使用hasClass() 方法检查元素是否包含某些 CSS 样式。

示例：此示例使用 hasClass() 方法检查元素是否包含某种 CSS 样式。

  
  
  
 
     
        How to check an element has certain
        CSS style using jQuery ?
    
      
    
    

  
  
      
      
        GeeksForGeeks
    
      
    
    
      
    
        click here
    
      
    
    
      
     
        var up = document.getElementById('GFG_UP');
        var down = document.getElementById('GFG_DOWN');
        var n = 1/0;
          
        up.innerHTML = "Click on the button to check if"
                + " P[id = GFG_DOWN] has style, color ="
                + " green using class.";
          
        function GFG_Fun() {
            if ($("#GFG_DOWN").hasClass('color')) {
                down.innerHTML = 
                "P[id = GFG_DOWN] has CSS style, color: green";
            } else {    
                down.innerHTML = 
                "P[id = GFG_DOWN] has not CSS style, color: green";
            }
        }
     
  
  

输出：

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