addAttr no funciona en jquery?

Question

Tengo un código de ejemplo:

<input type="text" name="color" id="color" value="" /> 

y jQuery

$('#color').change(function(){ 
    $('#color').addAttr('value', 'test'); 
}); 

Cuando cambio en el valor de texto es resultado value="" y error en Firebug $("#color").addAttr is not a function

cómo solucionarlo?

Answer 1

Se llama .attr(), no .addAttr().

También debe reemplazar su interior $('#color') con $(this) para indicar que se está manipulando la misma entrada que está siendo cambiada:

$('#color').change(function(){ 
    $(this).attr('value', 'test'); 
}); 

Answer 2

También podría hacer:

$('#color').change(function(){ 
    $(this).val('test'); 
}); 

Answer 3

Usted está confundido acerca removeAttr() y cree que existe addAttr(), que está mal.

La función que desea es .attr()