如何使用 jQuery 更改文本框的背景颜色？答案

【问题标题】：How to use jQuery to change the background color of a textbox?如何使用 jQuery 更改文本框的背景颜色？
【发布时间】：2010-11-16 11:02:14
【问题描述】：

如何使用jQuery改变文本框的背景颜色？

【问题讨论】：

【解决方案1】：

在您的情况下，更好的做法是将 UI 与逻辑分开：

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

如果您真的需要它，请执行以下操作：

$("#textboxid").css({"background-color": "color"});

用所需的选择器替换#textboxid，用所需的颜色替换颜色。

请注意，以下对一个属性的作用相同：

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

【讨论】：

【解决方案2】：

$('#txtBoxID').css('background-color', '#ffff00');

【讨论】：

【解决方案3】：

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

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

【讨论】：

【解决方案4】：

更好的是，不要使用 jQuery。我假设你想在焦点或模糊上这样做，所以你可以这样做：

#textboxid {background-color:defaultcolor;}
#textboxid:focus {background-color:selectedcolor;}

【讨论】：