使用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值之前的空間。刪除它們，它會起作用。