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

使用jquery从多个样式表中更改一个样式表,jquery,css,Jquery,Css,我有多个样式表,只想把一个(我们称它为dark.css)换成另一个(我们称它为light.css);不影响任何其他的。我知道jQuery将很容易地将当前样式表更改为另一个样式表,但我似乎不知道如何更改一个样式表 目前正在处理类似的问题: $(".dark-button").click(function() { $("link[rel=stylesheet]").attr({href : "dark.css"}); }); // light $(".light-button").click(fu

我有多个样式表,只想把一个(我们称它为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"});
});

}))

最好的方法可能是为要更改的样式表的
标记指定一个
id
。差不多

$('#stylesheet').attr('href', 'style.css');
或者你可以动态地添加它,就像这样

$('.dark-button').click(function(){
    $('head').append("<link rel='stylesheet' type='text/css' href='dark.css'/>");
});
$('.dark按钮')。单击(函数(){
$('head')。追加(“”);
});
对灯按钮也做同样的事情