如何使用 jQuery 动态地向元素添加 CSS 属性？

在本文中，我们将看到如何使用 jQuery 动态添加一些 CSS 属性。要动态添加 CSS 属性，我们使用 css() 方法。 css() 方法用于更改所选元素的样式属性。

css() 方法可以以不同的方式使用。此方法还可用于检查所选元素的属性的当前值：

句法：

$(selector).css(property)

这里我们在 body 标签中创建了两个元素，即

和

元素。我们使用 css() 方法动态地在 标签和

标签上应用 CSS 属性。

例子：

HTML

  

    
        How to add CSS properties to an
        element dynamically using jQuery?
    
  
    
    
  
    
        $(document).ready(function () {
            $("body").css("text-align", "center");
            $("h1").css("color", "green");
        });
    

  

    GeeksforGeeks
  
    
        How to add CSS properties to an element
        dynamically using jQuery?
    

  

输出：