使用jQuery ID选择和css更改输入元素

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"); 

in 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值之前的空间。删除它们，它会起作用。