如何使用jQuery更改文本框的背景色?

如何使用jQuery更改文本框的背景色?,jquery,background-color,Jquery,Background Color,如何使用jQuery更改文本框的背景颜色?更好的做法是将UI与逻辑分离,在您的情况下: $("#textboxid").addClass("aClass"); 如果您确实需要按自己的方式使用,请执行以下操作: $("#textboxid").css({"background-color": "color"}); 将#textboxid替换为所需的选择器,并使用所需的颜色进行着色 注:以下内容对一个属性也适用: $("#textboxid").css("background-color",

如何使用jQuery更改文本框的背景颜色?

更好的做法是将UI与逻辑分离,在您的情况下:

$("#textboxid").addClass("aClass");

如果您确实需要按自己的方式使用,请执行以下操作:

$("#textboxid").css({"background-color": "color"});
#textboxid
替换为所需的选择器,并使用所需的颜色进行着色

注:以下内容对一个属性也适用:

$("#textboxid").css("background-color", "color");

最好在输入中添加类名,而不是在js中硬编码样式。 表示样式应该驻留在css中,而不是js中

$('#inputId').addClass('someCssClass');

更好的是,不要使用jQuery。我假设您希望在聚焦或模糊上执行此操作,因此您可以执行以下操作:

#textboxid{背景色:defaultcolor;}
#textboxid:focus{background color:selectedcolor;}

这也是您现在正在做的事情。我想说您应该添加一个语义类,而不是背景类,我认为这是一个反模式。这里的代码可能是UI代码。它只是一个示例……当然,你不应该为每种颜色都设置类。geeeYou仍然不应该将样式硬编码到js中。当他想要一个边框,然后是另一种字体时会发生什么。结果是js一团糟。啊,你修改了这个例子。但是对于UI JS来说,它可能适合行为,而不是添加css。为什么要让addClass更难?不需要js中的硬编码表示。样式使用Css,行为使用js。请参阅
$('#inputId').addClass('someCssClass');