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

});

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

Answer 2

您不使用jQuery访问CSS定义，而是使用它来访问DOM元素并直接更改样式。

$('h1').css('background-color', '#123456');

http://api.jquery.com/css/

Answer 3

类似于在jquery中定义css

$('h1').css('background-color', 'red');

你可以在任何需要的功能事件中扭曲它。

就像准备好文件一样

$(document).ready(function(){
  $('h1').css('background-color', 'red');
})

或者可能是其他一些自定义功能，如点击，悬停，选择等。

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