如何使用Jquery更改辅助样式表？

我的网站上有base.css和red.css

当我按下某个按钮时，我喜欢将red.css更改为blue.css，而不会丢失base.css如何做到这一点？我试过这个：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>

如果（$.cookie（“css”））{
$（“link”）.attr（“href”，“$.cookie”（“css”）；
}
$（文档）.ready（函数（）{
$（“#troca_faccao”）。单击（函数（）{
$（this）.parent（）.find（#painel_faccao”）.slideDown（'fast'）.show（）；//单击后下拉子AV
$（this）.hover（函数（）{
}，函数（）{
$（this）.parent（）.find（#painel_faccao”）.slideUp（'slow'）；//当鼠标悬停在子AV之外时，将其向上移动
});
})
$（“#painel_faccao li a”）。单击（函数（）{
$（“link”）.attr（“href”，$（this.attr（'rel'））；
$.cookie（“css”，$（this.attr（'rel'），{expires:365，path:'/'}）；
返回false；
});
});

及分区:

                        <div id="painel_faccao" style="display: none">
                        <p>A Escolha é Sua!</p>
                        <ul>
                            <li class="horda"><a href="#" rel="horde.css">HORDA</a></li> 
                            <li class="alianca"><a href="#" rel="aliance.css">ALIANÇA</a></li> 
                        </ul></div>

一杯咖啡

您可以使用

：eq

过滤器选择器或

eq（）

方法以所需样式表为目标：

$("link:eq(0)").attr("href",$(this).attr('rel'));

为要更改

href

的样式表指定

eq

的位置。当然，您希望更改指向

red.css

的链接样式表的

href

，而不是

base.css

---

或者，您可以将

id

应用于要更改

href

ofL的链接样式表

<link id="someID"............/>

tl；博士：

在HTML中的某个地方：

<link id="styles" rel="stylesheet" type="text/css" href="red.css" /> in HTML

---

哇！太好了！！。。我用你的回答和宾果！很好用！。。老兄！！！

$("link#someID").attr("href",$(this).attr('rel'));

<link id="styles" rel="stylesheet" type="text/css" href="red.css" /> in HTML

$("#styles").attr("href","blue.css");