Μέθοδος removeClass
Η μέθοδος removeClass διαγράφει
μια δεδομένη CSS κλάση από το χαρακτηριστικό
class. Μπορεί
να διαγραφεί μία ή πολλαπλές κλάσεις ταυτόχρονα.
Σύνταξη
Μία CSS κλάση:
$(επιλογέας).removeClass(όνομα CSS κλάσης)
Πολλαπλές CSS κλάσεις:
$(επιλογέας).removeClass('κλάση1 κλάση2 κλάση3 ...')
Εφαρμογή συνάρτησης σε κάθε στοιχείο του συνόλου:
$(επιλογέας).removeClass(function(αριθμός στο σύνολο, τρέχουσες CSS κλάσεις στοιχείου))
Παράδειγμα
Η παράγραφός μας έχει ήδη δύο κλάσεις. Ας
διαγράψουμε την κλάση www:
<p id="test" class="eee www">κείμενο</p>
$('#test').removeClass('www');
Ο κώδικας HTML θα γίνει ως εξής:
<p id="test" class="eee">κείμενο</p>
Παράδειγμα
Η παράγραφός μας έχει ήδη μια κλάση. Ας διαγράψουμε αυτήν την κλάση:
<p id="test" class="www">κείμενο</p>
$('#test').removeClass('www');
Ο κώδικας HTML θα γίνει ως εξής:
<p id="test" class="">κείμενο</p>
Παράδειγμα
Η παράγραφός μας έχει ήδη 3 κλάσεις.
Ας διαγράψουμε δύο κλάσεις - www και
ggg:
<p id="test" class="eee www ggg">κείμενο</p>
$('#test').removeClass('www ggg');
Ο κώδικας HTML θα γίνει ως εξής:
<p id="test" class="eee">κείμενο</p>
Δείτε επίσης
-
μέθοδοι
addClass,toggleClass,hasClass -
JavaScript ιδιότητα
classlist,
με τη βοήθεια της οποίας μπορούν να προστεθούν και να διαγραφούν CSS κλάσεις στοιχείου σε καθαρό JavaScript
