Thay đổi một thuộc tính-tính chất trong jQuery

Quan trọng là không nhầm lẫn giữa thuộc tính (properties) và thuộc tính (attributes) của phần tử. Khi DOM tree được tạo, các thuộc tính (attributes) được chuyển đổi thành các thuộc tính DOM (DOM properties) tương ứng của phần tử. Tên của chúng không phải lúc nào cũng trùng khớp, cũng như giá trị của chúng.

Một số thuộc tính (properties) cũng có thể không có thuộc tính (attributes) tương ứng, đối với chúng cần sử dụng phương thức prop, tham số đầu tiên nhận tên thuộc tính (property), tham số thứ hai - true hoặc false.

Nếu đặt là true - thuộc tính sẽ được thiết lập, còn nếu false - nó sẽ bị xóa.

Hãy xem xét ví dụ sau. Giả sử chúng ta có một input:

<input type="text" id="test">

Hãy thiết lập thuộc tính disabled cho input:

$('#test').prop('disabled', true);

Mã HTML sẽ trông như thế này:

<input type="text" id="test" disabled>

Và bây giờ, ngược lại, hãy xóa disabled:

$('#test').prop('disabled', false);

Mã HTML sẽ trông như thế này:

<input type="text" id="test">