Измените элемент ввода с выбором идентификатора jQuery и 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"); 

в JavaScript. Но способность использовать выбор jQuery-ID не работает!

Вы можете найти JSFiddle here.

Answer 1

Пробелы в ваших идентификаторах элементов HTML действительно имеют значение - удалите их, и они будут работать так, как вы пожелаете.

Таким образом, изменение:

<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 значения. Удалите их, и он будет работать.