使用 jQuery 切换样式，但不要全部更改

Question

情况：我有两个样式表，一个有颜色信息（根据子文件夹切换），另一个有其他的。

我需要更换主 CSS 来调整按钮大小。

JS：

<script type="text/javascript" language="javascript" src="cookie.js"></script>
<script>
  if($.cookie("css")) {
     $("link").attr("href",$.cookie("css"));
  }
  $(document).ready(function() { 
  $("#nav li a").click(function() { 
     $("link").attr("href",$(this).attr('rel'));
     $.cookie("css",$(this).attr('rel'), {expires: 365, path: '/'});
     return false;
  });
});

HTML：

            <ul id="nav" style="float:right">
            <li><a href="#" rel="style1024.css">one</a></li>
            <li><a href="#" rel="style.css">two</a></li>
            </ul>

效果很好，唯一的问题是切换器似乎也将颜色样式切换为单击的样式。 可以用id标签解决吗？

我有这个：

<link rel='stylesheet' id='main-css'  href='style.css' type='text/css' media='all' />
<link rel='stylesheet' id='color-css'  href='teal.css' type='text/css' media='all' />

但是如何让 JS 只改变“main-css rel”呢？

Answer 1

您可以在 ID 上进行选择，就像在 CSS 中一样：

$("#main-css").attr("href",$.cookie("css"));