使用 jQuery 更改 CSS 类属性

发布于07月14日

有没有办法使用jQuery更改CSS类的属性，而不是元素属性？

This is a practical example:

我有一个第red班的div

.red {background: red;}

我想更改类red背景属性，而不是指定了类red背景的元素.

如果我使用jQuery .css() method执行此操作:

$('.red').css('background','green');

它会影响到现在red级的元素.到目前为止一切都很好.

I could call jQuery .css() method again. But I would like to know if there is a way to change the class itself. Please consider this is just a basic example.

从文件中动态加载CSS

function updateStyleSheet(filename) {
    newstylesheet = "style_" + filename + ".css";

    if ($("#dynamic_css").length == 0) {
        $("head").append("<link>")
        css = $("head").children(":last");

        css.attr({
          id: "dynamic_css",
          rel:  "stylesheet",
          type: "text/css",
          href: newstylesheet
        });
    } else {
        $("#dynamic_css").attr("href",newstylesheet);
    }
}

The example above is copied from:

How To Switch CSS Files On-The-Fly Using jQuery

动态添加样式元素

$("head").append('<style type="text/css"></style>');
var newStyleElement = $("head").children(':last');
newStyleElement.html('.red{background:green;}');

示例代码是从最初由Alvaro in their comment引用的this JSFiddle fiddle复制而来的.