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:

Tiêu đề


$[function[]{
    $['.test'].remove[];
}];




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:

Trước khi có jQuerySau khi có jQuery

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

Trang chủ

Html viết:

Tiêu đề


$[function[]{
    $['div'].remove[];
}];




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:

Trước khi có jQuerySau khi có jQuery

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

Trang chủBộ chọn']

Html viết:

Tiêu đề


$[function[]{
    $['div'].remove[".test"];
}];




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:

Trước khi có jQuerySau khi có jQuery

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

• 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[];

0

.remove[]

Html viết:

Tiêu đề


$[function[]{
    $['.test'].remove[];
}];




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:

Trước khi có jQuerySau khi có jQuery

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

.remove['Bộ chọn']Bộ chọn']

Html viết:

Tiêu đề


$[function[]{
    $['div'].remove[".test"];
}];




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:

Trước khi có jQuerySau khi có jQuery

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