使用jQuery ID选择器和css更改input元素

Question

我正在尝试使用jQuery.css语法从函数更改输入元素的背景颜色。在ready事件中调用的函数中，执行：

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

但颜色不会变红。

我可以使用：

<input type='text' id=' inputID_1 ' style="background-color:blue" />

在html中改变颜色。或者：

$("input").css("background-color", "gray");

在JavaScript中

。但是使用jQuery-ID选择的能力似乎不起作用！

你可以找到一个JSFiddle here。

Answer 1

HTML元素ID中的差距确实有所不同 - 删除它们并且它可以按照您的意愿工作。

所以，改变：

<input type='text' id=' inputID_1 ' style="background-color:blue" />
<input type='text' id=' inputID_2 ' />

到

<input type='text' id='inputID_1' style="background-color:blue" />
<input type='text' id='inputID_2' />

这是一个有效的jsFiddle.

Answer 2

问题是ID值之前和之后的空格。删除它们，它会工作。