Latest web development tutorials

jQuery toggleClass () metode

jQuery HTML Metode / CSS jQuery HTML Metode / CSS

contoh

Untuk menambah dan menghapus semua <p> elemen dalam "utama" kelas beralih:

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

Coba »

Definisi dan Penggunaan

Metode toggleClass () untuk menambah dan menghapus elemen yang dipilih untuk beralih satu atau lebih kelas.

Metode ini memeriksa setiap elemen dari kelas tertentu. Jika kelas tidak ada, menambah, menghapus jika Anda telah mengatur. Ini disebut beralih efek.

Namun, dengan menggunakan "switch" parameter, Anda hanya dapat menambahkan atau menghapus ketentuan-satunya kelas.


tatabahasa

$(selector).toggleClass(classname,function(index,currentclass),switch)

参数 描述
classname 必需。规定添加或移除的一个或多个类名。如需规定若干个类,请使用空格分隔类名。
function(index,currentclass) 可选。规定返回需要添加/删除的一个或多个类名的函数。
  • index- 返回集合中元素的 index 位置。
  • currentclass- 返回被选元素的当前类名。
switch 可选。布尔值,规定是否仅仅添加(true)或移除(false)类。


contoh

contoh yang lebih

Menambah dan menghapus kelas untuk beralih
Bagaimana toggleClass () metode untuk beralih untuk menambah dan menghapus kelas.

Gunakan fungsi untuk beralih kelas
Gunakan fungsi untuk yang ketentuan elemen saat ini diperlukan untuk mengganti nama kelas.

Gunakan parameter saklar
Cara menggunakan parameter beralih ke hanya menambah atau menghapus nama kelas.


jQuery HTML Metode / CSS jQuery HTML Metode / CSS