使用jquery从html页面中删除样式标记

Question

有没有办法使用jquery从页面中删除<style>标签？ 我需要删除特定的样式标记。

谢谢。

Answer 1

$(document).ready(function(){
    $('style').detach();
//        or
 $('style').remove();

});

Answer 2

如果要删除特定样式标记，可以向其中添加类（或id），然后使用remove（）删除该类。 我测试了它，它的工作原理。 我不确定这应该被允许，但如果你没有其他选择......

HTML

<style class="style-tag">
    p {
       color: #000;
    }
</style>

JQuery的

$('.style-tag').remove();

Answer 3

$(document).ready(function(){

$('style').remove() ;

});

Answer 4

尝试remove尝试这个

$('style').remove();

Answer 5

如果要从特定类或ID中删除样式标记，则只需提及其类或ID名称即可。 像这样：

HTML ：

<style>
.menu { display: none; }
</style>

jquery ：

$('.menu style').remove();

Answer 6

要删除特定样式标记，您需要为其分配一个ID，如下所示：

<style id="someid">.elem{display:none;}</style>

之后使用jQuery的remove函数来摆脱它，如下所示：

$('style#someid').remove();

我希望这有帮助。