Question

我正在尝试将我点击的图标的颜色更改为红色，同时将其他按钮的颜色更改为无。但这并不奏效。我知道语法错了，但我无法解决它。

$("#appleIcon").click(function(e){
    $("#appleIns").show();
    $("#andIns").hide();
    $(this).css("background-color", "red");
    $("#andIcon").css("background-color", "none");
});

$("#andIcon").click(function(e){
    $("#appleIns").hide();
    $("#andIns").show();
    $(this).css("background-color", "red");
    $("#appleIcon").css("background-color", "none");
});

Answer 1

与CSS background-color:none

中的.css("background-color","")无关

$(document).ready(function(){
  $("#appleIcon").click(function(){
      $("#appleIns").show();
      $("#andIns").hide();
      $(this).css("background-color", "red");
      $("#andIcon").css("background-color","");
  });

  $("#andIcon").click(function(){
      $("#appleIns").hide();
      $("#andIns").show();
      $(this).css("background-color", "red");
      $("#appleIcon").css("background-color","");
  });
});

Answer 2

它不是因为没有像背景颜色那样的原因：没有。你可以把backgound-color：transparent

Answer 3

css属性background-color中有错误：none没有这样的东西。正确的方法是：

$("#appleIcon").click(function(e){
    $("#appleIns").show();
    $("#andIns").hide();
    $(this).css("background-color", "red");
    $("#andIcon").css("background-color", "rgba(0,0,0,0)");
});

$("#andIcon").click(function(e){
    $("#appleIns").hide();
    $("#andIns").show();
    $(this).css("background-color", "red");
    $("#appleIcon").css("background-color", "rgba(0,0,0,0)");
});

或者你可以试试这个：

$("#appleIcon").click(function(e){
        $("#appleIns").show();
        $("#andIns").hide();
        $(this).css("background-color", "red");
        $("#andIcon").css("background-color", "transparent");
    });

    $("#andIcon").click(function(e){
        $("#appleIns").hide();
        $("#andIns").show();
        $(this).css("background-color", "red");
        $("#appleIcon").css("background-color", "transparent");
    });

我建议您使用第一种方法，即设置＆＃34; background-color＆＃34;到＆＃34; rgba（0,0,0,0）＆＃34;

为什么这个jQuery函数不起作用？改变颜色

3 个答案: