Μέθοδος removeClass

Η μέθοδος removeClass διαγράφει μια δεδομένη CSS κλάση από το χαρακτηριστικό class. Μπορεί να διαγραφεί μία ή πολλαπλές κλάσεις ταυτόχρονα.

Σύνταξη

Μία CSS κλάση:

javascript$(επιλογέας).removeClass(όνομα CSS κλάσης)

Πολλαπλές CSS κλάσεις:

javascript$(επιλογέας).removeClass('κλάση1 κλάση2 κλάση3 ...')

Εφαρμογή συνάρτησης σε κάθε στοιχείο του συνόλου:

javascript$(επιλογέας).removeClass(function(αριθμός στο σύνολο, τρέχουσες CSS κλάσεις στοιχείου))

Παράδειγμα

Η παράγραφός μας έχει ήδη δύο κλάσεις. Ας διαγράψουμε την κλάση www:

html<p id="test" class="eee www">κείμενο</p>
javascript$('#test').removeClass('www');

Ο κώδικας HTML θα γίνει ως εξής:

html<p id="test" class="eee">κείμενο</p>

Παράδειγμα

Η παράγραφός μας έχει ήδη μια κλάση. Ας διαγράψουμε αυτήν την κλάση:

html<p id="test" class="www">κείμενο</p>
javascript$('#test').removeClass('www');

Ο κώδικας HTML θα γίνει ως εξής:

html<p id="test" class="">κείμενο</p>

Παράδειγμα

Η παράγραφός μας έχει ήδη 3 κλάσεις. Ας διαγράψουμε δύο κλάσεις - www και ggg:

html<p id="test" class="eee www ggg">κείμενο</p>
javascript$('#test').removeClass('www ggg');

Ο κώδικας HTML θα γίνει ως εξής:

html<p id="test" class="eee">κείμενο</p>

Δείτε επίσης

  • μέθοδοι addClass, toggleClass, hasClass
  • JavaScript ιδιότητα classlist,
    με τη βοήθεια της οποίας μπορούν να προστεθούν και να διαγραφούν CSS κλάσεις στοιχείου σε καθαρό JavaScript