jquery - 使用 jQuery 编辑样式标签

Question

我正在尝试编辑样式标签中的一些样式。有没有办法从样式中获取特定的选择器进行修改？例如，如果我有:

<style>
  h1 {
    background-color: red;
  }
</style>

我想将背景颜色更改为 #123456 有没有办法用 jquery 更改它？或者我必须编写一些函数来处理 $("style").text(); ？

Answer 1

只要页面在加载后没有改变，这就可以工作:

$(function() {
  $("h1").css("background-color":"#123456");
});

如果您真的很想编辑样式，那么可能是这样的:

$(function() {
  $("style").each(function(){
   $(this).html($(this).html().replace("background-color: red","background-color: #123456" );
  });

});

但这对我来说似乎是一个非常糟糕的主意。