Metode addClass

Metode addClass pievieno norādīto CSS klasi elementam.

Sintakse

Viena CSS klase:

javascript$(selektors).addClass(CSS klases nosaukums);

Vairākas CSS klases (kā virkne):

javascript$(selektors).addClass('klase1 klase2 klase3 ...');

Vairākas CSS klases (kā masīvs):

javascript$(selektors).addClass(['klase1', 'klase2', 'klase3', '...']);

Funkcijas piemērošana katram elementam komplektā:

javascript$(selektors).addClass(function(numurs komplektā, pašreizējās CSS klases elementam));

Piemērs

Mūsu rindkopai vispār nav klašu. Pievienosim tai klasi www:

html<p id="test">teksts</p>

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

HTML kods izskatīsies šādi:

html<p id="test" class="www">teksts</p>

Piemērs

Mūsu rindkopai jau ir klase. Pievienosim tai vēl klasi www:

html<p id="test" class="eee">teksts</p>

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

HTML kods izskatīsies šādi:

html<p id="test" class="eee www">teksts</p>

Piemērs

Mūsu rindkopai jau ir divas klases. Pievienosim tai vēl klasi www:

html<p id="test" class="eee ggg">teksts</p>

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

HTML kods izskatīsies šādi:

html<p id="test" class="eee ggg www">teksts</p>

Piemērs

Mūsu rindkopai jau ir klase. Pievienosim tai vēl divas klases - www un ggg:

html<p id="test" class="eee">teksts</p>

javascript$('#test').addClass('www ggg');

HTML kods izskatīsies šādi:

html<p id="test" class="eee www ggg">teksts</p>

Skatiet arī