jQuery Επεξεργασία Ιδιοτήτων - Μέθοδος toggleClass()

jQuery Εφαρμογή Εγχειρίδιο

Παράδειγμα

Αλλάζει την προσθήκη και την αφαίρεση της κλάσης "main" για όλα τα στοιχεία <p>:

$("button").click(function()
  $("p").toggleClass("main");
});

Προσπαθήστε το προσωπικά

Ορισμός και χρήση

toggleClass() αλλάζει την προσθήκη ή την αφαίρεση μιας ή περισσότερων κλάσεων του επιλεγμένου στοιχείου.

Η μέθοδος ελέγχει κάθε στοιχείο για την καθορισμένη κλάση. Αν δεν υπάρχει, προστίθεται η κλάση, αν έχει ήδη οριστεί, αφαιρείται. Αυτό είναι γνωστό ως αποσύνδεση αποσύνδεσης.

Ωστόσο, χρησιμοποιώντας τον παράμετρο "switch", μπορείτε να καθορίσετε να προστίθεται ή να αφαιρείται μόνο η κλάση.

Γραμματική

$().toggleClass(κλάση,switch)
Παράμετροι Περιγραφή
κλάση

Απαιτείται. Προκαθορίζει το στοιχείο στο οποίο πρέπει να προστίθενται ή να αφαιρούνται οι κλάσεις.

Για να καθορίσετε πολλές κλάσεις, χρησιμοποιήστε κενά για να διαχωρίσετε τα ονόματα των κλάσεων.
switch Επιλογή. Αλγόριθμος. Προκαθορίζει αν προστίθεται ή αφαιρείται η κλάση.

Χρήση συνάρτησης για την ενεργοποίηση κλάσης

$().toggleClass(function(index,class),switch)

Προσπαθήστε το προσωπικά

Παράμετροι Περιγραφή
function(index,class)

Απαιτείται. Προκαθορίζει τη συνάρτηση που επιστρέφει μια ή περισσότερες κλάσεις που πρέπει να προστίθενται ή να αφαιρούνται.

  • index - Επιλογή. Αποδέχεται τη θέση του index του επιλογέα.
  • κλάση - Επιλογή. Αποδέχεται την τρέχουσα κλάση του επιλογέα.
switch Επιλογή. Αλγόριθμος. Προκαθορίζει αν προστίθεται (true) ή αφαιρείται (false) η κλάση.

jQuery Εφαρμογή Εγχειρίδιο