Усули addClass
Усули addClass синфи додашудаи
CSS-ро ба элемент илова мекунад.
Синтаксис
Як синфи CSS:
$(селектор).addClass(номи синфи CSS);
Чанд синфи CSS (бо сатр):
$(селектор).addClass('синф1 синф2 синф3 ...');
Чанд синфи CSS (бо массив):
$(селектор).addClass(['синф1', 'синф2', 'синф3', '...']);
Истифодаи функсия барои ҳар як элемент дар маҷмӯъа:
$(селектор).addClass(function(рақам дар маҷмӯъа, синфҳои ҳозираи CSS-и элемент));
Намуна
Абзаци мо воқеан синф надорад. Биёед
ба он синфи www илова кунем:
<p id="test">матн</p>
$('#test').addClass('www');
Рамзи HTML ба чунин намуд хоҳад шуд:
<p id="test" class="www">матн</p>
Намуна
Абзаци мо аллакай як синф дорад. Биёед ба он
синфи дигари www илова кунем:
<p id="test" class="eee">матн</p>
$('#test').addClass('www');
Рамзи HTML ба чунин намуд хоҳад шуд:
<p id="test" class="eee www">матн</p>
Намуна
Абзаци мо аллакай ду синф дорад. Биёед ба он
синфи дигари www илова кунем:
<p id="test" class="eee ggg">матн</p>
$('#test').addClass('www');
Рамзи HTML ба чунин намуд хоҳад шуд:
<p id="test" class="eee ggg www">матн</p>
Намуна
Абзаци мо аллакай як синф дорад. Биёед ба он
ду синфи дигар - www ва ggg илова кунем:
<p id="test" class="eee">матн</p>
$('#test').addClass('www ggg');
Рамзи HTML ба чунин намуд хоҳад шуд:
<p id="test" class="eee www ggg">матн</p>
Инчунин нигаред
-
усулҳои
removeClass,toggleClass,hasClass -
Хосияти JavaScript
classlist,
ки бо ёрии он метавон синфҳои CSS-ро ба элемент дар JavaScript-и холис илова ва нест кард