jQuery toggleClass() Metode
Contoh
Beralih antara menambahkan dan menghapus nama kelas "utama" untuk semua elemen <p>:
$("button").click(function(){
$("p").toggleClass("main");
});
Definisi dan Penggunaan
Metode toggleClass() beralih antara menambahkan dan menghapus satu atau beberapa nama kelas dari elemen yang dipilih.
Metode ini memeriksa setiap elemen untuk nama kelas yang ditentukan. Nama kelas ditambahkan jika tidak ada, dan dihapus jika sudah disetel - Ini menciptakan efek sakelar.
Namun, dengan menggunakan parameter "switch", Anda dapat menentukan untuk hanya menghapus, atau hanya menambahkan nama kelas.
Sintaksis
$(selector).toggleClass(classname,function(index,currentclass),switch)
Parameter | Description |
---|---|
classname | Required. Specifies one or more class names to add or remove. To specify several classes, separate the class names with a space |
function(index,currentclass) | Optional. Specifies a function that returns one or more class names to add/remove
|
switch | Optional. A Boolean value specifying if the class should only be added (true), or only be removed (false) |
Cobalah Sendiri - Contoh
Cara menggunakan metode toggleClass() untuk beralih antara menambahkan dan menghapus nama kelas.
Menggunakan fungsi untuk menentukan nama kelas mana yang harus dialihkan untuk elemen yang dipilih.
Cara menggunakan parameter switch untuk hanya menambah atau menghapus nama kelas.