removeClass-metodi

removeClass-metodi poistaa määritetyn CSS-luokan class-attribuutista. Voit poistaa yhden tai useamman luokan yhtä aikaa.

Syntaksi

Yksi CSS-luokka:

javascript$(valitsin).removeClass(CSS-luokan nimi)

Useita CSS-luokkia:

javascript$(valitsin).removeClass('luokka1 luokka2 luokka3 ...')

Funktion soveltaminen jokaiseen elementtiin joukossa:

javascript$(valitsin).removeClass(function(numero joukossa, elementin nykyiset CSS-luokat))

Esimerkki

Kappaleellamme on jo kaksi luokkaa. Poistetaan luokka www:

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

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

HTML-koodi näyttää tältä:

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

Esimerkki

Kappaleellamme on jo luokka. Poistetaan tämä luokka:

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

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

HTML-koodi näyttää tältä:

html<p id="test" class="">teksti</p>

Esimerkki

Kappaleellamme on jo 3 luokkaa. Poistetaan kaksi luokkaa - www ja ggg:

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

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

HTML-koodi näyttää tältä:

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

Katso myös