jquery - 使用JQuery切换css

Question

我正在动态切换样式表，并注意到当我选择不同的主题时，只有我选择的样式表被加载，并且似乎覆盖了所有其他样式表。我需要能够保留 3 个其他样式表，但希望只动态更改其中一个。

这可能吗？

$("link[rel=stylesheet]").attr({href : 'themes/' + theme + '.css'});

我对 JQuery 几乎一无所知，但我认为这("link[rel=stylesheet]")是我要进行此类更改但不知道将其更改为什么以便只更改一个样式表的地方。

Answer 1

您可以向要更改的链接元素添加 id 属性，例如

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

然后使用 id-selector

$("#mylink").attr({href : 'themes/' + theme + '.css'});

Answer 2

将 id 放入您要更改的链接，然后尝试 $('link#your_new_id')

Answer 3

用类名或 id 命名链接：

<link class="nameoflink" />

jQuery：

$("link.nameoflink").attr({href: 'themes/'+theme+'.css'});