Metode addClass
Metode addClass pievieno
norādīto CSS klasi elementam.
Sintakse
Viena CSS klase:
$(selektors).addClass(CSS klases nosaukums);
Vairākas CSS klases (kā virkne):
$(selektors).addClass('klase1 klase2 klase3 ...');
Vairākas CSS klases (kā masīvs):
$(selektors).addClass(['klase1', 'klase2', 'klase3', '...']);
Funkcijas piemērošana katram elementam komplektā:
$(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:
<p id="test">teksts</p>
$('#test').addClass('www');
HTML kods izskatīsies šādi:
<p id="test" class="www">teksts</p>
Piemērs
Mūsu rindkopai jau ir klase. Pievienosim
tai vēl klasi www:
<p id="test" class="eee">teksts</p>
$('#test').addClass('www');
HTML kods izskatīsies šādi:
<p id="test" class="eee www">teksts</p>
Piemērs
Mūsu rindkopai jau ir divas klases. Pievienosim
tai vēl klasi www:
<p id="test" class="eee ggg">teksts</p>
$('#test').addClass('www');
HTML kods izskatīsies šādi:
<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:
<p id="test" class="eee">teksts</p>
$('#test').addClass('www ggg');
HTML kods izskatīsies šādi:
<p id="test" class="eee www ggg">teksts</p>
Skatiet arī
-
metodes
removeClass,toggleClass,hasClass -
JavaScript īpašība
classlist,
ar kuras palīdzību var pievienot un noņemt CSS klases elementam tīrā JavaScript
