Question

我正在动态创建如下所示的样式，并将其附加到<head>

 $("<style type='text/css'> .HP{  background-color: "Red "} </style>").appendTo("head");

在页面上，我想删除一个特定的css类，并重新添加不同的值。如何在JQuery中完成。

Answer 1

您可以为样式属性

添加ID

 $("<style id='myStyle' type='text/css'> .HP{  background-color: \"Red \"} </style>").appendTo("head");

然后你可以简单地使用.remove()之类的ID选择器

$('#myStyle').remove()

Answer 2

您可以使用css()，无需更改主样式表，例如

$('.HP').css('color','red !important');

以上内容将为red

的所有元素生成字体颜色HP Class

$('.HP').css('background-color','green !important');// change your bgcolor red to green

要删除上次添加的style，请尝试使用

$('head style:last').remove();

此外，如果您要动态添加多个样式，那么要删除特定样式，请为样式标记id添加样式标记，然后remove()添加样式，

$('#STYLE-ID-TO-BE-Removed').remove()

Answer 3

将ID添加到要删除的样式。然后在JQuery中使用

＆＃13;

$("#styleId").remove();

＆＃13;