jQuery Thuộc tính操作 - phương thức toggleClass()

jQuery Hướng dẫn hiệu ứng

Mô hình

Chuyển đổi việc thêm hoặc loại bỏ lớp "main" của tất cả các phần tử <p>:

$("button").click(function(){
  $("p").toggleClass("main");
});

Thử ngay

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

toggleClass() chuyển đổi việc thêm hoặc loại bỏ một hoặc nhiều lớp của phần tử được chọn.

Phương thức này kiểm tra từng lớp được chỉ định trong mỗi phần tử. Nếu không tồn tại, sẽ thêm lớp, nếu đã được thiết lập, sẽ loại bỏ nó. Đây là hiệu ứng chuyển đổi.

Nhưng, bằng cách sử dụng tham số "switch", bạn có thể quy định chỉ thêm hoặc chỉ loại bỏ lớp.

Cú pháp

$().toggleClass(class,switch)
Tham số Mô tả
class

Bắt buộc. Quy định phần tử cần thêm hoặc loại bỏ lớp.

Nếu cần quy định nhiều lớp, hãy sử dụng khoảng trống để phân tách tên lớp.
switch Tùy chọn. Giá trị logic. Quy định thêm hoặc loại bỏ lớp.

Sử dụng hàm để chuyển đổi lớp

$().toggleClass(function(index,class),switch)

Thử ngay

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

Bắt buộc. Quy định hàm để thêm hoặc xóa một hoặc nhiều tên lớp.

  • index - Tùy chọn. Chấp nhận vị trí index của đối tượng chọn.
  • class - Tùy chọn. Chấp nhận lớp hiện tại của đối tượng chọn.
switch Tùy chọn. Giá trị logic. Quy định thêm (true) hoặc loại bỏ (false) lớp.

jQuery Hướng dẫn hiệu ứng