使用JQuery从head标记中动态删除样式



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

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

在页面上,我想删除一个特定的css类,然后用不同的值重新添加。如何在JQuery中完成此操作。

您可以将ID添加到样式属性

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

然后,您可以像一样简单地将ID选择器与.remove()一起使用

$('#myStyle').remove()

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

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

以上将使具有HP Class 的所有元素的字体颜色为red

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

要删除最后添加的style,请尝试此操作,

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

此外,如果您正在动态添加多个样式,那么要删除特定的样式,请给样式标记一个id并删除(),就像一样

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

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

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

相关内容

  • 没有找到相关文章

最新更新