Phương thức prop

Phương thức prop cho phép lấy và thay đổi thuộc tính của phần tử. Điều quan trọng là không nhầm lẫn giữa thuộc tính và thuộc tính của phần tử. Khi tạo cây DOM, các thuộc tính được chuyển đổi thành các thuộc tính DOM 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 cũng có thể không có thuộc tính tương ứng, chúng chỉ có thể được lấy và thiết lập khi sử dụng phương thức prop, ví dụ thuộc tính tagName. Để lấy các thuộc tính của phần tử, hãy sử dụng phương thức attr.

Cú pháp

Lấy giá trị thuộc tính:

$(bộ chọn).prop(tên thuộc tính);

Thay đổi giá trị thuộc tính:

$(bộ chọn).prop(tên thuộc tính, giá trị mới);

Thay đổi giá trị của nhiều thuộc tính:

$(bộ chọn).prop({thuộc_tính_thứ_nhất: giá_trị_mới, thuộc_tính_thứ_hai: giá_trị_mới, ...});

Áp dụng hàm cho mỗi phần tử trong tập hợp:

$(bộ chọn).prop(tên thuộc tính, function(số thứ tự trong tập hợp, giá trị hiện tại của thuộc tính));

Ví dụ

Trong ví dụ sau, chúng ta sẽ lấy đoạn văn theo id của nó và hiển thị giá trị của thuộc tính className của nó:

<p id="test" class="aaa">text</p>

let value = $('#test').prop('className');
console.log(value);

Ví dụ

Hãy cùng thay đổi đồng thời các thuộc tính cho className và disabled:

<input type="checkbox" class="aaa" id="test" /> $("#test").prop({ className: 'bbb', disabled: 'true' });

Xem thêm

phương thức removeProp,
cho phép xóa thuộc tính của phần tử
phương thức attr,
cho phép làm việc với các thuộc tính của phần tử