Метод 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 класстарын кошуу жана алууга болот