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

Question

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

感谢。

Answer 1

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

});

参考 .remove() 和 .detach()

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();

我希望这会有所帮助。