使用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" );
  });

});

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