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

Question

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

谢谢。

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

我希望这有帮助。