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>

Сондай-ақ қараңыз