Metode operasi atribut jQuery - toggleClass()

Referensi Efek jQuery

Contoh

Mengaktifkan penambahan dan penghapusan kelas "main" semua elemen <p>:

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

Coba Sendiri

Definisi dan Penggunaan

toggleClass() mengaktifkan penambahan atau penghapusan satu atau beberapa kelas yang dipilih.

Metode ini memeriksa setiap kelas yang ditentukan di dalam setiap elemen. Jika tidak ada, menambahkan kelas, jika sudah disetel, menghapusnya. Ini disebut efek penjepit.

Namun, dengan menggunakan parameter "switch", Anda dapat menentukan hanya menghapus atau hanya menambahkan kelas.

Sintaks

$().toggleClass(class,switch)
Parameter Deskripsi
class

Diperlukan. Menentukan elemen yang ditentukan untuk menambahkan atau menghapus kelas.

Untuk menentukan beberapa kelas, gunakan spasi untuk memisahkan nama kelas.
switch Pilihan. Bolean. Menentukan apakah menambahkan atau menghapus kelas.

Gunakan fungsi untuk mengaktifkan kelas

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

Coba Sendiri

Parameter Deskripsi
function(index,class)

Diperlukan. Menentukan fungsi yang akan menambahkan atau menghapus satu atau beberapa nama kelas yang diperlukan.

  • index - Pilihan. Menerima posisi index pemilih.
  • class - Pilihan. Menerima kelas saat ini yang diakseptasi pemilih.
switch Pilihan. Bolean. Menentukan apakah menambahkan (true) atau menghapus (false) kelas.

Referensi Efek jQuery