logo标签列表

通过jQuery更改CSS链接的href

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

我能否通过jquery将这个链接的href从foo.css更改为bar.css？

3个回答
13
$('link[href="foo.css"]').attr('href','bar.css');

玩得开心

2
太棒了 - 正是我所需要的！ - mjcoder
12

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");
});​
1
由于<link>标签不支持id属性（https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link），这在所有浏览器和使用原生JavaScript时是否有效？ - Jeff Vdovjak
1

还有一个

HTML：

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

jQuery：

$("link[id='bar']").attr('href', 'bar.css');
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接