Question

我有多个样式表只想换一个（让它叫做dark.css）换另一个（让我们称之为light.css）;没有影响任何其他人。我知道jQuery会很容易地为另一个更改当前的样式表，但我似乎无法弄清楚如何更改一个样式表。

目前正在使用以下内容：

$(".dark-button").click(function() {
$("link[rel=stylesheet]").attr({href : "dark.css"});
});

// light
$(".light-button").click(function() {
$("link[rel=stylesheet]").attr({href : "light.css"});
});

}）;

Answer 1

最好的方法是将id分配给要更改的样式表的<link>标记。

之类的东西

$('#stylesheet').attr('href', 'style.css');

或者你可以动态添加它，就像这样

$('.dark-button').click(function(){
    $('head').append("<link rel='stylesheet' type='text/css' href='dark.css'/>");
});

并为灯光按钮做同样的事情

使用jquery从多个样式表中更改一个样式表

1 个答案: