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:
$(selector).removeClass(tên lớp CSS)
Nhiều lớp CSS:
$(selector).removeClass('lớp1 lớp2 lớp3 ...')
Áp dụng hàm cho từng phần tử trong bộ chọn:
$(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:
<p id="test" class="eee www">text</p>
$('#test').removeClass('www');
Mã HTML sẽ trở thành:
<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:
<p id="test" class="www">text</p>
$('#test').removeClass('www');
Mã HTML sẽ trở thành:
<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:
<p id="test" class="eee www ggg">text</p>
$('#test').removeClass('www ggg');
Mã HTML sẽ trở thành:
<p id="test" class="eee">text</p>
Xem thêm
-
các phương thức
addClass,toggleClass,hasClass -
Thuộc tính JavaScript
classlist,
dùng để thêm và xóa lớp CSS của phần tử bằng JavaScript thuần