Phương thức jQuery addClass ()

❮ Phương thức HTML / CSS jQuery

Thí dụ

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

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

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

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

Phương thức này không loại bỏ các thuộc tính lớp hiện có, nó chỉ thêm một hoặc nhiều tên lớp vào thuộc tính lớp.

Mẹo: Để thêm nhiều lớp, hãy tách tên lớp bằng dấu cách.


Cú pháp

$(selector).addClass(classname,function(index,currentclass))

Parameter Description
classname Required. Specifies one or more class names to be added
function(index,currentclass) Optional. Specifies a function that returns one or more class names to be added
  • index - Returns the index position of the element in the set
  • currentclass - Returns the current class name of the selected element

Hãy tự mình thử - Ví dụ


Cách thêm hai tên lớp vào một phần tử được chỉ định.


Cách thêm lớp vào các phần tử đã chọn bằng hàm.


Cách sử dụng addClass () và removeClass () để xóa một tên lớp và thêm một tên lớp mới.


❮ Phương thức HTML / CSS jQuery