Az addClass metódus
A addClass metódus hozzáadja
a megadott CSS osztályt az elemhez.
Szintaxis
Egy CSS osztály:
$(selector).addClass(CSS osztály neve);
Több CSS osztály (szövegként):
$(selector).addClass('osztály1 osztály2 osztály3 ...');
Több CSS osztály (tömbben):
$(selector).addClass(['osztály1', 'osztály2', 'osztály3', '...']);
Függvény alkalmazása minden elemre a készletben:
$(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:
<p id="test">szöveg</p>
$('#test').addClass('www');
A HTML kód így fog kinézni:
<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:
<p id="test" class="eee">szöveg</p>
$('#test').addClass('www');
A HTML kód így fog kinézni:
<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:
<p id="test" class="eee ggg">szöveg</p>
$('#test').addClass('www');
A HTML kód így fog kinézni:
<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:
<p id="test" class="eee">szöveg</p>
$('#test').addClass('www ggg');
A HTML kód így fog kinézni:
<p id="test" class="eee www ggg">szöveg</p>
Lásd még
-
a
removeClass,toggleClass,hasClassmetódusok -
a JavaScript
classlisttulajdonság,
amely segítségével tiszta JavaScript-en lehet CSS osztályokat hozzáadni és eltávolítani egy elemből
