使用.css（）删除样式集

Question

$("input[type=\'text\']").change(function() {
    if (jQuery.inArray($(this).val(), tags) == -1) 
        $(this).css("background-color", "red");
    else 
        $(this).css("background-color", "");
});

如何删除此红色背景？

Answer 1

创建一个类

.add_background{

  background-color : red;
}

只需添加和删除类

$("input[type=\'text\']").change(function() {
  var vm = this;
  if (jQuery.inArray($(this).val(), tags) == -1)
    $(vm).addClass("add_background");
  else
    $(vm).removeClass("add_background");
});

或者您可以使用 toggleClass

喜欢这个

$(this).toggleClass( "add_background", $.inArray($(this).val(), tags) == -1 );

Answer 2

这是一个错误。在chrome / edge上它不起作用，在firefox上它可以工作。