使用类属性使用jQuery进行颜色更改

Question

我有5个带有课程的html文本字段。 Exmpl类名：class_name。我希望在换到另一个字段后改变颜色

$(".class_name").change(function(){
$(this).css('background-color', '00FF00');
});

我做错了什么？

Answer 1

使用as，它将更改具有类名class_name

的所有控件的背景颜色

$(".class_name").on('blur', function(){
  $(this).css('background-color', '#00FF00');
});

或者您可以使用

$(".class_name").on('blur', function(){
  $(this).css({'background-color':'#00FF00'});
});

Answer 2

请试试这个。 提供文本字段的ID，而不是给出类。

<input type="text" id="abc">

$("#abc").change(function(){
$(this).css('background-color', '00FF00');
});