如何使用jQuery动态添加CSS属性到一个元素

如何使用jQuery动态添加CSS属性到一个元素

在这篇文章中,我们将看到如何使用jQuery动态地添加一些CSS属性。为了动态地添加CSS属性,我们使用css()方法。css()方法是用来改变所选元素的样式属性。

css()方法可以以不同的方式使用。这个方法也可以用来检查所选元素的属性的现值。

语法:

$(selector).css(property)

这里我们在body标签内创建了两个元素,即 <h1><h3>元素。我们使用css()方法动态地在<body>tag和<h1>tag上应用CSS属性

示例:

<!DOCTYpe html>
<html>
  
<head>
    <title>
        How to add CSS properties to an
        element dynamically using jQuery?
    </title>
  
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
  
    <script>
        (document).ready(function () {
            ("body").css("text-align", "center");
            $("h1").css("color", "green");
        });
    </script>
</head>
  
<body>
    <h1>GeeksforGeeks</h1>
  
    <h3>
        How to add CSS properties to an element
        <br>dynamically using jQuery?
    </h3>
</body>
  
</html>

输出:

如何使用jQuery动态添加CSS属性到一个元素?

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程

jQuery 方法