Come usare jQuery per cambiare il colore di sfondo di una casella di testo?

Question

Come utilizzare jQuery per modificare il colore di sfondo di una casella di testo?

Answer 1

Meglio pratica è quello di separare UI dalla logica, nel tuo caso:

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

---

Se si ha realmente bisogno la tua strada, quindi effettuare le seguenti operazioni:

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

Sostituire #textboxid con il selettore desiderato e il colore con il colore desiderato.

notare quanto segue fa lo stesso per una proprietà:

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

Answer 2

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

Answer 3

meglio aggiungere un nome di classe all'ingresso piuttosto che stili di codifica duri nei vostri js. Gli stili di presentazione dovrebbero risiedere in css non js.

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

Answer 4

Meglio ancora, non utilizzare jQuery. Presumo che si vuole fare questo su messa a fuoco o nel caso di sfocatura, in modo da poter fare:

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