通过 jquery 更改 css 链接的 href

【问题标题】：change the href of a css link via jquery通过 jquery 更改 css 链接的 href
【发布时间】：2013-01-17 23:00:56
【问题描述】：

<head>
<link href="foo.css" rel="stylesheet" type="text/css" />
</head>

我可以通过 jquery 将此链接的 href 从 foo.css 更改为 bar.css

【问题讨论】：

标签： jquery html

【解决方案1】：

$('link[href="foo.css"]').attr('href','bar.css');

玩得开心

【讨论】：

【解决方案2】：

HTML：

<head>
<link id="test" href="foo.css" rel="stylesheet" type="text/css" />
</head>
<body>
    ...
</body>

还有 jQuery：

$(document).ready(function() {
    $("#test").attr("href", "bar.css");
});

【讨论】：

由于在技术上不支持 id 标签 (developer.mozilla.org/en-US/docs/Web/HTML/Element/link)，这是否适用于所有浏览器和原生 JavaScript？

【解决方案3】：

还有一个

HTML：

<head> 
<link id="bar" href="foo.css" rel="stylesheet" type="text/css"/> 
</head>

jQuery:

$("link[id='bar']").attr('href', 'bar.css');

【讨论】：