Az addClass metódus

A addClass metódus hozzáadja a megadott CSS osztályt az elemhez.

Szintaxis

Egy CSS osztály:

javascript$(selector).addClass(CSS osztály neve);

Több CSS osztály (szövegként):

javascript$(selector).addClass('osztály1 osztály2 osztály3 ...');

Több CSS osztály (tömbben):

javascript$(selector).addClass(['osztály1', 'osztály2', 'osztály3', '...']);

Függvény alkalmazása minden elemre a készletben:

javascript$(selector).addClass(function(sorszám a készletben, az elem aktuális CSS osztályai));

Példa

A mi bekezdésünknek egyáltalán nincsenek osztályai. Adjunk neki egy www osztályt:

html<p id="test">szöveg</p>

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

A HTML kód így fog kinézni:

html<p id="test" class="www">szöveg</p>

Példa

A mi bekezdésünknek már van osztálya. Adjunk neki még egy www osztályt:

html<p id="test" class="eee">szöveg</p>

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

A HTML kód így fog kinézni:

html<p id="test" class="eee www">szöveg</p>

Példa

A mi bekezdésünknek már két osztálya van. Adjunk neki még egy www osztályt:

html<p id="test" class="eee ggg">szöveg</p>

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

A HTML kód így fog kinézni:

html<p id="test" class="eee ggg www">szöveg</p>

Példa

A mi bekezdésünknek már van osztálya. Adjunk neki még két osztályt - www és ggg:

html<p id="test" class="eee">szöveg</p>

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

A HTML kód így fog kinézni:

html<p id="test" class="eee www ggg">szöveg</p>

Lásd még