2010-11-30 37 views

回答

2

您可以操縱<head>元素以同樣的方式,你可以在<body>標籤內的元素:

$("head>link[href$=mystyle.css]").remove(); 
$('<link rel="stylesheet" href="/css/anotherstyle.css"/>').appendTo("head"); 

這消除了mystyle.css<link>標籤和的末尾插入一個新<link>標籤與/css/anotherstyle.css<head>元素。

1

一種方法是給<link>元件的ID和使用,作爲你的選擇器,匹配元件上改變href屬性:

$("#myStyle")[0].href = "/path/to/new.css"; 

另一種方法是具有附加到文檔和多個樣式表啓用/必要時禁用它們:

<link id="style1" href="style1.css" /> 
<link id="style2" href="style2.css" disabled="disabled" /> 
$("#style1").attr("disabled", true).next().attr("disabled", false);

這種方法是最好的時候,經常開關的所有樣式你的頁面。