A removeClass metódus

A removeClass metódus eltávolítja a megadott CSS osztályt a class attribútumból. Egy vagy több osztályt is el lehet távolítani egyszerre.

Szintaxis

Egy CSS osztály:

javascript$(szelektor).removeClass(CSS osztály neve)

Több CSS osztály:

javascript$(szelektor).removeClass('osztály1 osztály2 osztály3 ...')

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

javascript$(szelektor).removeClass(function(sorszám a halmazban, az elem aktuális CSS osztályai))

Példa

A bekezdésünknek már két osztálya van. Távolítsuk el a www osztályt:

html<p id="test" class="eee www">szöveg</p>
javascript$('#test').removeClass('www');

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

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

Példa

A bekezdésünknek már van egy osztálya. Távolítsuk el ezt az osztályt:

html<p id="test" class="www">szöveg</p>
javascript$('#test').removeClass('www');

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

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

Példa

A bekezdésünknek már 3 osztálya van. Távolítsunk el két osztályt - a www és a ggg osztályt:

html<p id="test" class="eee www ggg">szöveg</p>
javascript$('#test').removeClass('www ggg');

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

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

Lásd még

  • a addClass, toggleClass, hasClass metódusok
  • A JavaScript classlist tulajdonság,
    amellyel CSS osztályok adhatók hozzá és távolíthatók el egy elemről tiszta JavaScript használatával