Question

如何使用jQuery设置样式表的位置？

Answer 1

您可以使用与<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>。

Answer 2

一种方法是为<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);

这种方法最适合定期切换页面的所有样式。