Phương thức removeClass

Phương thức removeClass xóa lớp CSS được chỉ định khỏi thuộc tính class. Có thể xóa một hoặc nhiều lớp cùng một lúc.

Cú pháp

Một lớp CSS:

javascript$(selector).removeClass(tên lớp CSS)

Nhiều lớp CSS:

javascript$(selector).removeClass('lớp1 lớp2 lớp3 ...')

Áp dụng hàm cho từng phần tử trong bộ chọn:

javascript$(selector).removeClass(function(số thứ tự trong bộ, các lớp CSS hiện tại của phần tử))

Ví dụ

Đoạn văn của chúng ta đã có hai lớp. Hãy xóa lớp www:

html<p id="test" class="eee www">text</p>
javascript$('#test').removeClass('www');

Mã HTML sẽ trở thành:

html<p id="test" class="eee">text</p>

Ví dụ

Đoạn văn của chúng ta đã có một lớp. Hãy xóa lớp này:

html<p id="test" class="www">text</p>
javascript$('#test').removeClass('www');

Mã HTML sẽ trở thành:

html<p id="test" class="">text</p>

Ví dụ

Đoạn văn của chúng ta đã có 3 lớp. Hãy xóa hai lớp - www và ggg:

html<p id="test" class="eee www ggg">text</p>
javascript$('#test').removeClass('www ggg');

Mã HTML sẽ trở thành:

html<p id="test" class="eee">text</p>

Xem thêm