如何使用 jQuery 设置指定元素的背景颜色？

在本文中，我们将看到如何使用 jQuery 设置特定元素的背景颜色。

要设置background-color ，我们使用css()方法。这个方法可以帮助我们动态添加 CSS 属性。

句法 ：

$("tag-name").css("property-name", "value");

方法：我们在 body 标签中创建了三个元素，即

、

和

元素。我们将 CSS 属性应用于所有元素，即

、

和

。

示例 1：在此示例中，我们将使用CSS()方法动态设置元素的背景颜色。

HTML

    
    
    
    
    
    
        $(document).ready(function(){
           $("h1").css("background-color" ,  "red");
           $("h2").css("background-color" ,  "yellow");
           $("p").css("background-color" ,  "green");
        });
    


    Hello GeeksforGeeks
    Hello Geeks
    How Are You!!
  

输出：

背景颜色

示例 2：在此示例中，我们将使用addClass()方法设置元素的背景颜色。

HTML

    
    
    
     
    
    
        $(document).ready(function(){
            $("h1").addClass("first");
            $("h2").addClass("second");
            $("p").addClass("third");
         });
    
    
        .first{
            background-color:green;
        }
        .second{
            background-color:orange;
        }
        .third{
            background-color:violet;
        }
    


    Hello GeeksforGeeks
    Hello Geeks
    How Are You!!
  

输出：