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,
уннинг ёрдамида соф JavaScript да CSS синфларини қўшиш ва ўчириш мумкин
