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 кластарын қосу және жоюға болады
