CODEWITHSUNDEEP
jqueryhtml
Omu
Omu

Reputation: 71198

change the href of a css link via jquery

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

can I via jquery change the href of this link from foo.css to bar.css

Upvotes: 5

Views: 25960

Answers (3)

infoexpert.it
infoexpert.it

Reputation: 345

And one more

Html:

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

jQuery:

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

Upvotes: 1

Hannes
Hannes

Reputation: 8237

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

have fun

Upvotes: 13

Lasse Espeholt
Lasse Espeholt

Reputation: 17782

Html:

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

And the jQuery:

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

Upvotes: 12

Related Questions