addClass методи

addClass методи берилган CSS синфини элементга қўшади.

Синтаксис

Битта CSS синф:

javascript$(селектор).addClass(CSS синф номи);

Бир нечта CSS синфлари (сатр сифатида):

javascript$(селектор).addClass('синф1 синф2 синф3 ...');

Бир нечта CSS синфлари (массив сифатида):

javascript$(селектор).addClass(['синф1', 'синф2', 'синф3', '...']);

Топламдаги ҳар бир элементга функцияни қўллаш:

javascript$(селектор).addClass(function(топламдаги номер, элементнинг ҳозирги CSS синфлари));

Мисол

Бизнинг абзацима ҳеч қандай синфлар йўқ. Келинг уңга www синфини қўшайлик:

html<p id="test">матн</p>

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

HTML код шундай кўринади:

html<p id="test" class="www">матн</p>

Мисол

Бизнинг абзацима аллақачон синф бор. Келинг унга www синфини ҳам қўшайлик:

html<p id="test" class="eee">матн</p>

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

HTML код шундай кўринади:

html<p id="test" class="eee www">матн</p>

Мисол

Бизнинг абзацима аллақачон иккита синф бор. Келинг уңга www синфини ҳам қўшайлик:

html<p id="test" class="eee ggg">матн</p>

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

HTML код шундай кўринади:

html<p id="test" class="eee ggg www">матн</p>

Мисол

Бизнинг абзацима аллақачон синф бор. Келинг унга янги иккита синфни - www ва ggg ни қўшайлик:

html<p id="test" class="eee">матн</p>

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

HTML код шундай кўринади:

html<p id="test" class="eee www ggg">матн</p>

Ҳам қаранг