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

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'/>");
});

对灯按钮做同样的事情