0

我使用 CORS 来下拉页面及其 CSS。我将 CSS 存储在样式标签中并将其附加到头部。每次我加载一个页面时，我都想清除 CSS。

是否有捷径可寻？我在考虑给它一个 id 或 class，但我不确定这是否被允许。根据类的定义，它们都不是 BUT 的可选属性，它可以放在一个元素上，我认为这在技术上是一个元素。

有谁知道如何做到这一点？

我目前填充它的方式是：

var CSS = ".....";
var $style = $("<style type='text/css' />").append(CSS);
$("head").append($style);
4

3 回答 3

1

style元素与任何其他元素一样，如果您删除该元素，则它定义的 CSS 样式将被删除。

因此，如果您添加了特定的样式元素，就像您的问题中的代码一样，您可以通过执行以下操作将其删除：

$style.remove();

...因为您已经在$style变量中引用了它。

或者，提供style您要删除的特定元素id或类，然后使用它来删除它：

// Adding ...
var CSS = ".....";
var $style = $("<style type='text/css' />").append(CSS).addClass("dynamic");
$("head").append($style);

// Removing later...
$("style.dynamic").remove();

您也可以只更新现有元素的文本，这将更新它定义的样式。

于 2013-08-23T15:24:25.770 回答
1

您可以像这样删除所有样式表：

$('link[type="text/css"], style').remove();
于 2013-08-23T15:21:49.370 回答
0

您可以使用 查找并删除所有style标签$("style[type='text/css']").remove()，也可以将其存储$style为全局变量，然后调用$style.remove()

于 2013-08-23T15:22:36.953 回答