Klasės pridėjimas elementui jQuery
Primenu, kad atribute
class
HTML kode galima rašyti kelias
klases per tarpą.
Įsivaizduokime tokią situaciją - norite
pridėti naują klasę prie esamų, neištrindami
jų. Tokiu atveju, tiesiog paėmus
ir padarius .attr('class', 'new-class')
nepavyks (panaudojus metodą
attr)
- jūs ištrinsite tas klases, kurios
jau yra atribute.
Galima, žinoma, pirmiausia nuskaityti klases,
kurios ten yra, tada pridėti prie jų mūsų
klasę per tarpą ir įrašyti viską atgal
į atributą, bet yra paprastesnis būdas - jQuery
tokiems dalykams yra numatytas metodas
addClass.
Metodas addClass leidžia pridėti
klasę elementui (ar elementams), neištrindami
kitų klasių. Klasė, kurią jūs
norite pridėti prie elemento, priimama
kaip šio metodo parametras.
Kitame pavyzdyje mes turime elementą su
dviem klasėmis - class="www zzz":
<p class="www zzz" id="test">text</p>
Mes galime pridėti prie jo ir trečią klasę -
kkk. Rezultate atributo turinys
taps toks - class="www zzz kkk":
$('#test').addClass('kkk');
HTML kodas atrodys taip:
<p class="www zzz kkk" id="test">text</p>
Pridėkite visiems li klasę test.
