Метод 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>

Дагы караңыз

  • методдор removeClass, toggleClass, hasClass
  • JavaScript касиети classlist,
    ал аркылуу таза JavaScript'те элементтин CSS класстарын кошуу жана алууга болот