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:
$(selector).addClass(tên lớp CSS);
Nhiều lớp CSS (bằng chuỗi):
$(selector).addClass('lớp1 lớp2 lớp3 ...');
Nhiều lớp CSS (bằng mảng):
$(selector).addClass(['lớp1', 'lớp2', 'lớp3', '...']);
Áp dụng hàm cho từng phần tử trong tập hợp:
$(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:
<p id="test">text</p>
$('#test').addClass('www');
Mã HTML sẽ trở thành như thế này:
<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:
<p id="test" class="eee">text</p>
$('#test').addClass('www');
Mã HTML sẽ trở thành như thế này:
<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:
<p id="test" class="eee ggg">text</p>
$('#test').addClass('www');
Mã HTML sẽ trở thành như thế này:
<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:
<p id="test" class="eee">text</p>
$('#test').addClass('www ggg');
Mã HTML sẽ trở thành như thế này:
<p id="test" class="eee www ggg">text</p>
Xem thêm
-
các phương thức
removeClass,toggleClass,hasClass -
Thuộc tính JavaScript
classlist,
nhờ đó bạn có thể thêm và xóa các lớp CSS của phần tử bằng JavaScript thuần
