使用jQuery更改CSS类属性

使用jQuery更改CSS类属性

您不能直接使用jQuery更改CSS属性。但是您至少可以通过两种方式达到相同的效果。

从文件动态加载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);    }}

上面的示例复制自：

• 如何使用jQuery即时切换CSS文件

动态添加样式元素

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