removeClass-metodi
removeClass-metodi poistaa
määritetyn CSS-luokan
class-attribuutista.
Voit poistaa yhden tai useamman luokan yhtä aikaa.
Syntaksi
Yksi CSS-luokka:
$(valitsin).removeClass(CSS-luokan nimi)
Useita CSS-luokkia:
$(valitsin).removeClass('luokka1 luokka2 luokka3 ...')
Funktion soveltaminen jokaiseen elementtiin joukossa:
$(valitsin).removeClass(function(numero joukossa, elementin nykyiset CSS-luokat))
Esimerkki
Kappaleellamme on jo kaksi luokkaa. Poistetaan
luokka www:
<p id="test" class="eee www">teksti</p>
$('#test').removeClass('www');
HTML-koodi näyttää tältä:
<p id="test" class="eee">teksti</p>
Esimerkki
Kappaleellamme on jo luokka. Poistetaan tämä luokka:
<p id="test" class="www">teksti</p>
$('#test').removeClass('www');
HTML-koodi näyttää tältä:
<p id="test" class="">teksti</p>
Esimerkki
Kappaleellamme on jo 3 luokkaa.
Poistetaan kaksi luokkaa - www ja
ggg:
<p id="test" class="eee www ggg">teksti</p>
$('#test').removeClass('www ggg');
HTML-koodi näyttää tältä:
<p id="test" class="eee">teksti</p>
Katso myös
-
metodit
addClass,toggleClass,hasClass -
JavaScript-ominaisuus
classlist,
jolla voit lisätä ja poistaa elementin CSS-luokkia puhdalla JavaScriptillä
