在运行时使用jQuery创建CSS规则/类

通常我有一个CSS文件,它有以下规则:

#my-window {
    position: fixed;
    z-index: 102;
    display:none;
    top:50%;
    left:50%;
}

如何通过在运行时操作期间将CSS信息添加到正文或类似的东西来避免创建这样的静态CSS文件？(仅使用jQuery)

我想用jQuery定义一次,然后多次使用它; 这就是为什么我不想每次都将它添加到特定的DOM元素.

我知道简单的功能(css("attr1", "value");),但是如何创建完整的可重用CSS规则？

1> 小智..：

---

您可以创建样式元素并将其插入DOM

$("").appendTo("head");
$("
").addClass("redbold").text("SOME NEW TEXT").appendTo("body");

在Opera10 FF3.5 iE8 iE6上测试

---

在IE9中,页面中只有31种样式 - http://blogs.msdn.com/b/ieinternals/archive/2011/05/14/internet-explorer-stylesheet-rule-selector-import-sheet-limit-maximum的.aspx

2> Shadrack B. ..：

---

只是

$("").appendTo("head");

cssrules.append(".redbold{ color:#f00; font-weight:bold;}"); 
cssrules.append(".newfont {font-family: arial;}"); 
target.addClass("redbold newfont");     
}       

这种方法的优点是您可以在代码中重用可变的cssrules来随意添加或减少规则。如果cssrules嵌入在诸如jQuery小部件之类的持久对象中，则可以使用一个持久局部变量。

9> Craig..：

---

请注意,jQuery().css()不会更改样式表规则,它只是更改每个匹配元素的样式.

相反,这是我写的一个javascript函数来修改样式表规则本身.

    /**
     * Modify an existing stylesheet.
     * - sheetId - the id of the  or 
    


    

        

            
            

                
                    
                
            

            

                coco2冰冰            

            

                这个屌丝很懒，什么也没留下！            
            
            


                                
                    
                    关注作者
                            

        
    


    

        
Tags | 热门标签
        

            

                                

                    actionscrip
                
                                

                    bash
                
                                

                    c#
                
                                

                    c++
                
                                

                    c语言
                
                                

                    erlang
                
                                

                    flutter
                
                                

                    go
                
                                

                    golang
                
                                

                    java
                
                                

                    javascript
                
                                

                    lua
                
                                

                    node.js
                
                                

                    perl
                
                                

                    php
                
                                

                    python
                
                                

                    scala
                
                                

                    typescript
                
                                

            
        
    


    

        
RankList | 热门文章
        

            

                                

                    1notifyDataSetChanged不刷新RecyclerView
                
                                

                    2'ConnectedServicesPackages' -  Visual Studio 2015
                
                                

                    3在Haxe正则表达式中是否有与Java的\ p {Punct}等价的东西？
                
                                

                    4如何像素化和取消UIImage或UIImageview的像素化？
                
                                

                    5带别名的Hibernate查询
                
                                

                    6如何在chrome中使用带有HTTPS的BurpSuite代理
                
                                

                    7iOS 9如何检测静音模式？
                
                                

                    8C++ 11如何在atomic :: store和atomic :: load中观察内存顺序
                
                                

                    9在flavor中使用不同的applicationID时的数据绑定错误
                
                                

                    10Swift三元运算符函数调用？
                
                                

                    11在Symfony 2.8和3.0中找不到资产
                
                                

                    12在R-studio中使用Git:无法修改代码文件
                
                                

                    13在Meteor的一个函数中使用.find().fetch()
                
                                

                    14未捕获的SyntaxError:nodejs中的意外标记<
                
                                

                    15如何在Makefile中创建模式规则依赖项可选？
                
                                

                    16为每个处理器虚拟机设置最佳处理器/核心数(VMware)
                
                                

                    17如何获取具有继承宽度的元素的宽度？
                
                                

                    18android.hardware.Camera $ EventHandler.handleMessage
                
                                

                    19Google地图的宽度和高度
                
                                

                    20带有Gradle和Webpack的Spring Boot