Добавидани синф ба элемент дар jQuery

Ёдоварӣ мекунам, ки дар атрибути class дар рамзи HTML метавон якчанд синфро бо фосила навишт.

Фарз кунем, ки мавҷудияти чунин ҳолат - шумо мехоҳед як синфи нав ба синфҳои мавҷуда илова кунед, бе он ки онҳоро аз байн бибаред. Дар ин ҳолат, танҳо гирифтан ва анҷом додани .attr('class', 'new-class') муяссар нахоҳад шуд (бо истифода аз усули attr) - шумо он синфҳоеро, ки аллакай дар атрибут ҳастанд, аз байн хоҳед бурд.

Албатта, аввал метавон синфҳоро хонд, ки дар он ҷо ҳастанд, сипас онҳоро ба мо илова карда, синфро бо фосила ва ҳама чизро бозгардонд ба атрибут, аммо роҳи осонтаре ҳаст - дар jQuery барои чунин корҳо усули addClass пешбинӣ шудааст.

Усули addClass имкон медиҳад, ки ба элемент (ё элементҳо) синф илова кунед, бе он ки дигар синфҳоро аз байн бибаред. Синфе, ки шумо мехоҳед ба элемент илова кунед, параметри ин усул қабул мекунад.

Дар мисоли зерин мо элементе дорем, ки бо ду синф аст - class="www zzz":

html<p class="www zzz" id="test">матн</p>

Мо метавонем ба он синфи сеюмро низ илова кунем - kkk. Дар натиҷа мундариҷаи атрибут инҳо хоҳад шуд - class="www zzz kkk":

javascript$('#test').addClass('kkk');

Рамзи HTML инҳо намоён хоҳад шуд:

html<p class="www zzz kkk" id="test">матн</p>