Meetod addClass

Meetod addClass lisab elemendile määratud CSS klassi.

Süntaks

Üks CSS klass:

javascript$(valija).addClass(CSS klassi nimi);

Mitu CSS klassi (stringina):

javascript$(valija).addClass('klass1 klass2 klass3 ...');

Mitu CSS klassi (massiivina):

javascript$(valija).addClass(['klass1', 'klass2', 'klass3', '...']);

Funktsiooni rakendamine igale elemendile valikus:

javascript$(valija).addClass(function(number valikus, elemendi praegused CSS klassid));

Näide

Meil lõigul pole üldse klasse. Lisame talle klassi www:

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

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

HTML kood näeb välja selline:

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

Näide

Meil lõigul on juba klass. Lisame talle ka klassi www:

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

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

HTML kood näeb välja selline:

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

Näide

Meil lõigul on juba kaks klassi. Lisame talle ka klassi www:

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

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

HTML kood näeb välja selline:

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

Näide

Meil lõigul on juba klass. Lisame talle kaks klassi - www ja ggg:

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

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

HTML kood näeb välja selline:

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

Vaata ka