Phương thức removeProp
Phương thức removeProp xóa
thuộc tính của các phần tử.
Lưu ý: sử dụng phương thức này để xóa
các thuộc tính được thêm vào một cách nhân tạo, không nên
xóa các thuộc tính gốc của phần tử (tức là
các thuộc tính ban đầu, vốn có của phần tử),
điều này có thể gây ra lỗi hoạt động của trình duyệt.
Đặc biệt, không sử dụng removeProp
để xóa các thuộc tính như checked
và disabled. Khi các thuộc tính này vắng mặt
trong các phần tử input, các thuộc tính cùng tên của chúng
sẽ không tồn tại nữa, chúng chỉ đơn giản nhận
giá trị false. Do đó, để tắt
các thuộc tính này cần thiết lập chúng
thành false bằng phương thức
prop.
Cú pháp
$(bộ chọn).removeProp(tên thuộc tính);
Ví dụ
Hãy thiết lập thuộc tính text với giá trị
aaa cho đoạn văn và hiển thị nó trong nội dung
đoạn văn:
<p></p>
elem = $('p');
elem.prop('text', 'aaa').html(elem.prop('text'));
Mã HTML sẽ trông như thế này:
<p>aaa</p>
Bây giờ hãy xóa thuộc tính này:
<p></p>
elem = $('p');
elem
.prop('text', 'aaa')
.html(elem.prop('text'))
.removeProp('text')
.html(elem.prop('text'));
Xem thêm
-
phương thức
prop,
cho phép làm việc với thuộc tính của phần tử -
phương thức
removeAttr,
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 thuộc tính của phần tử