Hướng dẫn delete tag html jquery - xóa thẻ html jquery

Trong jQuery, chủ yếu có hai phương thức dùng để xóa phần tử HTML.

• Phương thức remove() - dùng để xóa phần tử HTML.remove() - dùng để xóa phần tử HTML.
• Phương thức empty() - dùng để xóa nội dung của phần tử HTML.empty() - dùng để xóa nội dung của phần tử HTML.

Phương thức remove() trong jQuery

Phương thức remove() được dùng để xóa phần tử HTML.

Cú pháp

$("selector1,selector2,....,relectorN").remove();

Câu lệnh dưới đây sẽ xóa và các phần tử có class là "abc", và các phần tử

$("p, div.abc").remove();

Xem ví dụ

Ngoài cách điền các tham số như tên class, tên id, :first-child, :last-child,.v.v.. vào trong selector, bạn cũng có thể đặt chúng vào bên trong phương thức remove()

Câu lệnh dưới đây sẽ xóa các phần tử  và  có class là "abc"

$("p, div").remove(".abc");

Xem ví dụ

Ngoài cách điền các tham số như tên class, tên id, :first-child, :last-child,.v.v.. vào trong selector, bạn cũng có thể đặt chúng vào bên trong phương thức remove()

Câu lệnh dưới đây sẽ xóa các phần tử  và  có class là "abc"

Cú pháp

$("selector1,selector2,....,relectorN").empty();

Câu lệnh dưới đây sẽ xóa và các phần tử có class là "abc", và các phần tử

$("p, div.abc").empty();

Xem ví dụ

• Trang chủ
• Tham khảo
• jQuery
• jQuery - function
• .remove()

Định nghĩa và sử dụng

• .remove(): Loại bỏ các thành phần được xác định.

Cấu trúc

• Đã được thêm vào từ phiên bản 1.0

.remove()

Loại bỏ tất cả các thành phần được chọn

$('.test').remove();

.remove()

Html viết:

Thành phần div có class test
Thành phần div

Hiển thị trình duyệt:

Ta thấy thành phần div có class="test" đã bị loại bỏ.

So sánh code HTML trước và sau khi có jQuery:

Trang chủ

Html viết:

Thành phần div
Thành phần div có class test
Thành phần div
Thành phần p

Hiển thị trình duyệt:

Ta thấy thành phần div có class="test" đã bị loại bỏ.

So sánh code HTML trước và sau khi có jQuery:

Trang chủBộ chọn')

Html viết:

Thành phần div có class test
Thành phần div

Hiển thị trình duyệt:

Ta thấy thành phần div có class="test" đã bị loại bỏ.

So sánh code HTML trước và sau khi có jQuery:

• Trang chủ
• Hướng dẫn học
• Hướng dẫn học jQuery
• .remove()

Định nghĩa và sử dụng

• $("p, div.abc").remove();

  3 Loại bỏ các thành phần được xác định.
• Thường được dùng khi bạn muốn xóa bỏ một thành phần nào đó, chú ý là xóa bỏ, chứ không phải ẩn.

Cấu trúc

.remove()

Loại bỏ tất cả các thành phần được chọn

$('.test').remove();

.remove('Bộ chọn')Bộ chọn')

Loại bỏ tất cả các thành phần được xác định

$("p, div.abc").remove();

.remove()

Html viết:

Thành phần div có class test
Thành phần div

Hiển thị trình duyệt:

Ta thấy thành phần div có class="test" đã bị loại bỏ.

So sánh code HTML trước và sau khi có jQuery:

.remove('Bộ chọn')Bộ chọn')

Html viết:

Thành phần div có class test
Thành phần div

Hiển thị trình duyệt:

Ta thấy thành phần div có class="test" đã bị loại bỏ.

So sánh code HTML trước và sau khi có jQuery: