Contoh
Beralih antara menambahkan dan menghapus "main" nama kelas untuk semua <p> elemen:
$("button").click(function(){
$("p").toggleClass("main");
});
Cobalah sendiri " Definisi dan Penggunaan
The toggleClass() metode matikan antara menambah dan menghapus satu atau lebih nama kelas dari elemen yang dipilih.
Metode ini memeriksa setiap elemen untuk nama kelas yang ditentukan. Nama-nama kelas ditambahkan jika hilang, dan dihapus jika sudah ditetapkan - ini menciptakan efek beralih.
Namun, dengan menggunakan "switch" parameter, Anda dapat menentukan hanya menghapus, atau hanya menambahkan nama kelas.
Sintaksis
$(selector).toggleClass(classname,function(index,currentclass),switch)| Parameter | Deskripsi |
|---|---|
| classname | Wajib. Menentukan satu atau lebih nama kelas untuk menambah atau menghapus. Untuk menentukan beberapa kelas, memisahkan nama kelas dengan spasi |
| function(index,currentclass) | Pilihan. Menentukan fungsi yang mengembalikan satu atau lebih nama kelas untuk menambah / menghapus
|
| beralih | Pilihan. Nilai Boolean menentukan jika kelas hanya boleh ditambahkan (true) , atau hanya akan dihapus (false) |
Coba Sendiri - Contoh
Beralih antara menambahkan dan menghapus nama kelas
Cara menggunakan toggleClass() metode untuk beralih antara menambah dan menghapus nama kelas.
Kelas beralih menggunakan fungsi
Menggunakan fungsi untuk menentukan nama kelas harus toggle untuk unsur-unsur yang dipilih.
Menggunakan parameter saklar
Cara menggunakan parameter beralih ke hanya menambah atau menghapus nama kelas.