Shtimi i klasës në element në jQuery

Ju kujtoj se në atributin class në kodin HTML mund të shkruhen disa klasa ndarë me hapësirë.

Le të imagjinojmë një situatë të tillë - ju dëshironi t'i shtoni një klasë të re atyre ekzistuese, pa i fshirë ato në këtë proces. Në këtë rast, thjesht të marrësh dhe të bësh .attr('class', 'new-class') nuk do të funksionojë (duke përdorur metodën attr) - ju do të fshini ato klasa që janë tashmë në atribut.

Mundet, sigurisht, që fillimisht të lexohen klasat, që janë aty, pastaj t'u shtohet e jona klasë atyre me një hapësirë dhe të shkruhet gjithçka prapë në atribut, por ka një mënyrë më të lehtë - në jQuery për gjëra të tilla është parashikuar metoda addClass.

Metoda addClass lejon të shtohet klasë një elementi (ose elementeve), pa i fshirë në këtë proces klasat e tjera. Klasa, të cilën doni ta shtoni në element, pranohet si parametër i kësaj metode.

Në shembullin vijues ne kemi një element me dy klasa - class="www zzz":

html<p class="www zzz" id="test">text</p>

Ne mund t'i shtojmë atij një klasë të tretë gjithashtu - kkk. Si rezultat përmbajtja e atributit do të bëhet kështu - class="www zzz kkk":

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

Kodi HTML do të duket kështu:

html<p class="www zzz kkk" id="test">text</p>