jQuery Điều khiển thuộc tính - phương pháp addClass()

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

Ví dụ

Thêm một lớp vào phần tử p đầu tiên:

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

Thử ngay

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

Phương pháp addClass() thêm một hoặc nhiều lớp vào phần tử được chọn.

Phương pháp này sẽ không xóa bỏ thuộc tính class đã tồn tại, chỉ thêm một hoặc nhiều thuộc tính class.

Lưu ý:Nếu cần thêm nhiều lớp, hãy sử dụng khoảng trống để tách tên lớp.

Cú pháp

$(selector).addClass(class)
Tham số Mô tả
class Bắt buộc. Định nghĩa một hoặc nhiều tên lớp.

Thêm lớp bằng hàm

Thêm lớp vào phần tử được chọn bằng hàm.

Cú pháp

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

Thử ngay

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

Bắt buộc. Định nghĩa hàm trả về một hoặc nhiều tên lớp cần thêm.

  • index - Tùy chọn. Vị trí index của bộ lọc.
  • class - Tùy chọn. Tên lớp cũ của bộ lọc.

Th thêm nhiều ví dụ

Thêm hai lớp vào phần tử
Cách thêm hai lớp vào phần tử được chọn.
Thay đổi lớp của phần tử
Như bất kỳ việc sử dụng addClass() và removeClass() để gỡ bỏ class, và thêm mới class.

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