addAttr không hoạt động trong jquery?

Question

Tôi có một mẫu mã:

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

Và jquery

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

Khi tôi thay đổi giá trị trong hộp văn bản được kết quả value="" và lỗi trong firebug $("#color").addAttr is not a function

Làm thế nào để sửa chữa nó?

Answer 1

Được gọi là .attr(), không phải .addAttr().

Bạn cũng nên thay thế của bạn bên trong $('#color') với $(this) để chỉ ra rằng bạn đang thao tác đầu vào tương tự mà đang được thay đổi:

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

Answer 2

Bạn cũng có thể làm:

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

Answer 3

Bạn đang bối rối về removeAttr() và bạn nghĩ rằng addAttr() tồn tại, sai.

Hàm bạn muốn là .attr()