javascript - 更改CSS内部背景颜色

我有一点代码

"spots": [{
    "id": "rect-5115",
    "type": "rect",
    "x": 8,
    "y": 52.7,
    "width": 34.6,
    "height": 16.7,
    "default_style": {
        "border_radius": 10,
        "background_color": "#c0c0c0",
        "background_opacity": 0.18943843984962405
    },
    "mouseover_style": {
        "border_radius": 10,
        "background_color": "#c0c0c0",
        "background_opacity": 0.18943843984962405,
        "fill": "#000000"
    },
    "tooltip_style": {
        "auto_width": 1

我尝试使用下面的default_style代码更改背景色。但这不起作用，实际上ID：“ rect-5115”由以下代码中的2个background_color组成，如上面的代码中所列：


default_style
mouseover_style


单击Button_on时，我需要更改default_style的背景颜色，而不是mouseover_style。

    $(document).ready(function(){
        $('#Button_on').click(function(){
            $('#rect-5115').css('background_color','#ff0000');
        });
    });

我尝试了几种方法来执行此操作，但是它不起作用，能否请您通过适当的渠道指导我。

谢谢，

最佳答案

您必须在.css（）方法的css选择器中使用连字符或camelCase：


  此外，jQuery可以同等地解释CSS和DOM的格式
  多字属性。例如，jQuery理解并返回
  .css（“ background-color”）和.css（
  “背景颜色” ）。这意味着混合大小写具有特殊含义，
  例如，.css（“ WiDtH”）与.css（“ width”）的功能不同。