Operasi atribut jQuery - Metode toggleClass()

Panduan Effek jQuery

Contoh

Menghubungkan dan menghapus kelas "main" semua elemen <p> untuk diganti:

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

Coba Sendiri

Definisi dan penggunaan

toggleClass() menghubungkan atau menghapus satu atau lebih kelas yang dipilih.

Metode ini memeriksa setiap kelas yang ditentukan di dalam setiap elemen. Jika kelas tidak ada, kelas ditambahkan, jika sudah disetel, kelas dihapus. Ini disebut efek penyalin.

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

Sintaks

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

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

Untuk menentukan beberapa kelas, gunakan spasi untuk memisahkan nama kelas.
switch Pilihan. Bilangan boolean. Menentukan apakah menambah (true) atau menghapus (false) kelas.

Gunakan fungsi untuk menghubungkan kelas

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

Coba Sendiri

Parameter Deskripsi
function(index,class)

Diperlukan. Menentukan fungsi yang memperkenalkan satu atau lebih nama kelas yang harus ditambahkan atau dihapus.

  • index - Pilihan. Menerima posisi index selector.
  • kelas - Pilihan. Menerima kelas yang saat ini dipilih selector.
switch Pilihan. Bilangan boolean. Menentukan apakah menambah (true) atau menghapus (false) kelas.

Panduan Effek jQuery