如何在运行时使用 jQuery 创建 CSS 规则或类？

为我们的HTML编写 CSS文件是一种常见的做法。这些被称为静态 CSS。当我们想在运行时创建我们的级联样式表规则时，我们需要jQuery 。 jQuery 使我们能够动态地将样式应用到我们的 HTML 中。

编写的 CSS 规则可以存储在一个变量中，并在需要时多次使用。
我们使用 jQuery 的css(“arrtibute1”, “value1”) 。

下面的示例说明了该方法：

示例 1：

  

    CSS Rules with JQuery
    
    

  

    
        GeeksforGeeks
    
  
    
        A Computer Science Portal for Geeks
    
  
    
  
        // Here 'my_css' variable stores the Style
        var my_css = {
            backgroundColor: "red",
            color: "rgb(0,255,0)"
        }
        $("#myId").css(my_css);
  
        var my_class_css = {
            background: "green",
            color: "rgb(255,255,255)"
        }
        $(".myclass").css(my_class_css);
    
  

  

输出：

示例 2：它还有一个替代方案，您可以直接使用类似 CSS 的样式代码，而不是类似 JavaScript 的样式。

  

    CSS Rules with JQuery
    
  

  

    
        Without Coding
    
  
    
        There are no Geeks
    
  
    
        $(document).ready(function() {
  
            // Build your CSS.
            var body_css = {
                "background-color": "rgb(0,0,0)",
                "font-weight": "",
                "color": "rgb(255,255,255)"
            }
  
            $("body").css(body_css);
        });
    
  

  

输出：