Усули 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,
    ки бо ёрии он метавон синфҳои CSS-ро ба элемент дар JavaScript-и холис илова ва нест кард