Thêm/xóa lớp nghiêm ngặt bằng phương thức toggleClass trong jQuery

Cũng có thể truyền tham số trạng thái vào toggleClass, như true hoặc false, khi đó lớp sẽ chỉ được thêm vào hoặc chỉ bị xóa đi.

Giả sử chúng ta có các lớp CSS sau:

.red {
	color: red;
}
	
.zzz {
	font-style: italic;
}

Lớp zzz được áp dụng cho đoạn văn:

<p class="zzz" id="test">text</p>
<button>click</button>

Hãy chỉ thêm lớp red khi nhấn vào:

$('button').click(function() {
	$('#test').toggleClass('red', true);
});

Như bạn thấy, khi nhấn lại lần nữa không có thay đổi nào xảy ra.

Cả ba phương thức đã liệt kê để làm việc với các lớp - addClass, removeClass, toggleClass cũng có thể nhận nhiều lớp làm tham số, và cho phép áp dụng một hàm cho từng phần tử trong tập hợp.

Hãy sửa đoạn mã ví dụ ở trên - đầu tiên thêm lớp red vào thuộc tính và sau đó làm sao để lớp red chỉ bị xóa đi.