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":
<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":
$('#test').addClass('kkk');
Kodi HTML do të duket kështu:
<p class="www zzz kkk" id="test">text</p>
Shtoni të gjitha li klasën test.
