Phương pháp removeClass() của jQuery để thao tác thuộc tính

Hướng dẫn tham khảo hiệu ứng jQuery

Ví dụ

Gỡ bỏ lớp "intro" của tất cả <p>:

$("button").click(function(){
  $("p:first").removeClass("intro");
});

Thử ngay

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

Phương pháp removeClass() gỡ bỏ một hoặc nhiều lớp của phần tử được chọn.

Chú ý:Nếu không quy định tham số, phương pháp này sẽ xóa tất cả các lớp của phần tử được chọn.

Cú pháp

$(selector).removeClass(class)
Tham số Mô tả
class

Tùy chọn. Định nghĩa tên lớp cần gỡ bỏ.

Để gỡ bỏ nhiều lớp, hãy sử dụng khoảng trống để phân cách tên lớp.

Nếu không thiết lập tham số này, lớp sẽ bị gỡ bỏ hoàn toàn.

Sử dụng hàm để gỡ bỏ lớp

Sử dụng hàm để xóa lớp của phần tử được chọn.

$(selector).removeClass(function(index,oldclass))

Thử ngay

Tham số Mô tả
function(index,oldclass)

Bắt buộc. Thực hiện hàm để gỡ bỏ lớp được chỉ định.

  • index - tùy chọn. Chấp nhận vị trí index của chọn lựa.
  • html - tùy chọn. Chấp nhận giá trị lớp cũ của chọn lựa.

Các ví dụ thêm

Thay đổi lớp của phần tử
Cách sử dụng addClass() và removeClass() để gỡ bỏ một lớp và thêm một lớp mới.

Hướng dẫn tham khảo hiệu ứng jQuery