jquery - 如何使用 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 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 的样式表指定eq 的位置。当然，您想更改指向 red.css 而不是 base.css

的链接样式表的 href

---

或者，您可以将 id 应用于要更改 L 的 href 的链接样式表

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

然后做:

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