2009-08-03 19 views

Respuesta

38

mejor práctica consiste en separar la interfaz de usuario de la lógica, en su caso:

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

Si realmente lo necesitan a su manera, a continuación, hacer lo siguiente:

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

Reemplazar #textboxid con el selector deseado, y el color con el color deseado.

Nota lo siguiente hace lo mismo para una propiedad:

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

No hay necesidad de presentación codificada en js. Usa CSS para estilo, js para comportamiento. – redsquare

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

mejor agregar un nombre de clase a la entrada en lugar de estilos de codificación duros en sus js. Los estilos de presentación deberían residir en css not js.

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

Y eso también es lo que estás haciendo ahora. Diría que deberías agregar una clase semántica, no backgroundRed, lo veo como un antipattern. Y tal vez el código aquí es el código de UI. – Dykam

+0

era solo una muestra ... por supuesto, no debería haber clases para cada color. geee – redsquare

+0

Aún no debería codificar el estilo en js. ¿Qué sucede cuando quiere un borde, luego una fuente diferente? Termina con un lío feo de js. – redsquare

0

Mejor aún, no use jQuery. Asumo que quieres hacer esto en el enfoque o el desenfoque, por lo que puedo hacer:

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