Jqueryでセカンダリスタイルシートを変更するには？

Question

私のサイトには私のbase.cssとred.cssがあります。

blue.cssのred.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')); 

私はこれを試してみました位置をに指定します。 hrefを変更するスタイルシートについては、を参照してください。オフコースあなたがリンクスタイルシートのhrefはまたred.cssなくbase.css

---

を指して変更したい、あなたはhref OFL

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

を変更したいリンクのスタイルシートにidを適用することができ、後で行います：

Answer 2

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

TL; DR：どこかHTMLで

：

どこかのjQueryで

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

：

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