如何改變二次樣式與jQuery？

Question

我有我的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> 

<script type="text/javascript"> 
    if($.cookie("css")) { 
    $("link").attr("href",$.cookie("css")); 
    } 
$(document).ready(function(){ 
    $("#troca_faccao").click(function() { 
     $(this).parent().find("#painel_faccao").slideDown('fast').show(); //Drop down the subnav on click 
     $(this).hover(function() { 
     }, function(){ 
      $(this).parent().find("#painel_faccao").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up 
      }); 
     }) 
    $("#painel_faccao li a").click(function() { 
     $("link").attr("href",$(this).attr('rel')); 
     $.cookie("css",$(this).attr('rel'), {expires: 365, path: '/'}); 
    return false; 
    }); 
}); 
</script> 

和DIV：

     <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> 

Answer 1

您可以使用:eq過濾器選擇或eq()方式來指定你想要的樣式表：

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

指定位置eq的樣式要改變href。當然，要改變鏈接樣式表的href指向red.css而不是base.css

---

或者，你可以申請一個id的鏈接樣式要改變href氧氟沙星

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

而且稍後做：

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

Answer 2

http://www.cssnewbie.com/simple-jquery-stylesheet-switcher/

TL;博士：

某處在你的HTML：

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

某處在您的jQuery：

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