Phương thức addClass

Phương thức addClass thêm lớp CSS được chỉ định vào phần tử.

Cú pháp

Một lớp CSS:

javascript$(selector).addClass(tên lớp CSS);

Nhiều lớp CSS (bằng chuỗi):

javascript$(selector).addClass('lớp1 lớp2 lớp3 ...');

Nhiều lớp CSS (bằng mảng):

javascript$(selector).addClass(['lớp1', 'lớp2', 'lớp3', '...']);

Áp dụng hàm cho từng phần tử trong tập hợp:

javascript$(selector).addClass(function(số thứ tự trong tập hợp, 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 hoàn toàn không có lớp nào. Hãy thêm cho nó lớp www:

html<p id="test">text</p>

javascript$('#test').addClass('www');

Mã HTML sẽ trở thành như thế này:

html<p id="test" class="www">text</p>

Ví dụ

Đoạn văn của chúng ta đã có một lớp. Hãy thêm cho nó lớp www:

html<p id="test" class="eee">text</p>

javascript$('#test').addClass('www');

Mã HTML sẽ trở thành như thế này:

html<p id="test" class="eee www">text</p>

Ví dụ

Đoạn văn của chúng ta đã có hai lớp. Hãy thêm cho nó lớp www:

html<p id="test" class="eee ggg">text</p>

javascript$('#test').addClass('www');

Mã HTML sẽ trở thành như thế này:

html<p id="test" class="eee ggg www">text</p>

Ví dụ

Đoạn văn của chúng ta đã có một lớp. Hãy thêm cho nó hai lớp - www và ggg:

html<p id="test" class="eee">text</p>

javascript$('#test').addClass('www ggg');

Mã HTML sẽ trở thành như thế này:

html<p id="test" class="eee www ggg">text</p>

Xem thêm