jQuery - Xóa phần tử
Với jQuery, thật dễ dàng để loại bỏ các phần tử HTML hiện có.
Xóa các thành phần/nội dung
Để loại bỏ các phần tử và nội dung, chủ yếu có hai phương thức jQuery:
-
remove()
- Xóa phần tử đã chọn (và các phần tử con của nó) -
empty()
- Xóa các phần tử con khỏi phần tử đã chọn
Phương thức xóa() của jQuery
Phương thức jQuery remove()
loại bỏ (các) phần tử đã chọn và các phần tử con của nó.
Phương thức jQuery rỗng()
Phương thức jQuery empty()
loại bỏ các phần tử con của (các) phần tử đã chọn.
Lọc các phần tử cần loại bỏ
Phương thức jQuery remove()
cũng chấp nhận một tham số, cho phép bạn lọc các phần tử cần loại bỏ.
Tham số có thể là bất kỳ cú pháp bộ chọn jQuery nào.
Ví dụ sau loại bỏ tất cả các phần tử <p>
bằng class="test"
:
Ví dụ này loại bỏ tất cả các phần tử <p>
bằng class="test"
và class="demo"
:
bài tập jQuery
Tài liệu tham khảo HTML của jQuery
Để có cái nhìn tổng quan đầy đủ về tất cả các phương thức HTML của jQuery, vui lòng truy cập Tài liệu tham khảo HTML/CSS jQuery của chúng tôi.