Meetod addClass
Meetod addClass lisab
elemendile määratud CSS klassi.
Süntaks
Üks CSS klass:
$(valija).addClass(CSS klassi nimi);
Mitu CSS klassi (stringina):
$(valija).addClass('klass1 klass2 klass3 ...');
Mitu CSS klassi (massiivina):
$(valija).addClass(['klass1', 'klass2', 'klass3', '...']);
Funktsiooni rakendamine igale elemendile valikus:
$(valija).addClass(function(number valikus, elemendi praegused CSS klassid));
Näide
Meil lõigul pole üldse klasse. Lisame
talle klassi www:
<p id="test">text</p>
$('#test').addClass('www');
HTML kood näeb välja selline:
<p id="test" class="www">text</p>
Näide
Meil lõigul on juba klass. Lisame
talle ka klassi www:
<p id="test" class="eee">text</p>
$('#test').addClass('www');
HTML kood näeb välja selline:
<p id="test" class="eee www">text</p>
Näide
Meil lõigul on juba kaks klassi. Lisame
talle ka klassi www:
<p id="test" class="eee ggg">text</p>
$('#test').addClass('www');
HTML kood näeb välja selline:
<p id="test" class="eee ggg www">text</p>
Näide
Meil lõigul on juba klass. Lisame
talle kaks klassi - www ja ggg:
<p id="test" class="eee">text</p>
$('#test').addClass('www ggg');
HTML kood näeb välja selline:
<p id="test" class="eee www ggg">text</p>
Vaata ka
-
meetodid
removeClass,toggleClass,hasClass -
JavaScript omadus
classlist,
mille abil saab lisada ja eemaldada elemendi CSS klasse puhta JavaScripti abil
