我正在动态创建如下样式,并将其附加到<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();