jquery mengalih keluar kelas

Dalam pembangunan bahagian hadapan, kita selalunya perlu memanipulasi atribut kelas elemen DOM untuk mencapai pelbagai kesan interaktif. Dalam jQuery, kita boleh memanipulasi atribut kelas elemen dengan mudah. Tetapi kadangkala, kita perlu memadamkan kelas tertentu, apakah yang perlu kita lakukan pada masa ini? Artikel ini akan memperkenalkan cara menggunakan jQuery untuk mengalih keluar kelas.

1 Gunakan kaedah removeClass

jQuery menyediakan kaedah yang dipanggil removeClass untuk memadamkan kelas elemen. Formatnya adalah seperti berikut:

$(selector).removeClass(className)

Antaranya, pemilih merujuk kepada pemilih elemen yang akan dikendalikan, dan className ialah nama kelas yang akan dipadamkan.

Sebagai contoh, jika kita ingin memadamkan nama kelas "aktif" elemen dengan id "ujian", kita boleh menulis seperti ini:

$("#test").removeClass("active");

Kaedah ini akan menentukan elemen yang dipilih Kelas dipadamkan daripada senarai kelas.

Perhatikan bahawa jika anda ingin memadam berbilang kelas, anda perlu memisahkannya dengan ruang, contohnya:

$("#test").removeClass("active hidden");

2. Gunakan kaedah attr

Selain menggunakan kaedah removeClass, Kami juga boleh menggunakan kaedah attr untuk memadam kelas.

$(selector).attr("class", "")

Kaedah ini akan menetapkan nilai atribut kelas bagi elemen yang dipilih kepada rentetan kosong, yang bersamaan dengan memadam semua kelas.

$("#test").attr("class", "");

3. Gunakan kaedah toggleClass

Selain memadamkan kelas, kadangkala kita juga perlu menukar kelas. Mengambil kaedah toggleClass sebagai contoh, ia boleh menambah atau memadam kelas yang ditentukan Jika elemen sudah mempunyai kelas yang ditentukan, kelas akan dipadamkan, jika tidak, kelas akan ditambah.

Kita boleh menghantar dua parameter kepada kaedah toggleClass, satu ialah nama kelas yang hendak ditukar dan satu lagi ialah parameter suis pilihan. Apabila parameter suis adalah benar, kelas akan ditambah apabila parameter suis adalah palsu, kelas akan dipadamkan;

Berikut ialah format kaedah toggleClss:

$(selector).toggleClass(className, switch)

Sebagai contoh, kami mempunyai butang dan kelasnya boleh digunakan untuk menukar keadaan butang (seperti menukar kepada "aktif" atau "dilumpuhkan"), anda boleh Tulis seperti ini:

$("#btn").click(function(){
  $(this).toggleClass("active disabled");
});

Apabila kami mengklik butang, kelasnya akan ditambah atau dipadamkan dengan sewajarnya.

Ringkasan

Ringkasnya, sangat mudah untuk mengalih keluar kelas dalam jQuery, hanya gunakan kaedah removeClass atau attr. Jika anda perlu menukar kelas, gunakan kaedah toggleClass. Kaedah ini biasanya digunakan dalam jQuery Menguasainya boleh menjadikan anda mendapat dua kali ganda hasil dengan separuh usaha dalam pembangunan bahagian hadapan.

Atas ialah kandungan terperinci jquery mengalih keluar kelas. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!