Bagaimana untuk mengubah suai nama kelas elemen dengan mengklik dalam jquery

jquery melaksanakan kaedah mengubah suai nama kelas elemen dengan mengklik: 1. Ikat acara klik pada elemen dan nyatakan fungsi pemprosesan acara 2. Gunakan kaedah attr() dalam fungsi pemprosesan acara untuk mengubah suai nama kelas elemen , sintaks ialah "$(selector).attr('class','new class name');".

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.0, komputer Dell G3.

Cara mengubah suai nama kelas elemen dengan mengklik dalam jquery

1. Buat halaman html baharu dengan nama fail test.html, yang digunakan untuk melaksanakan operasi Fungsi elemen div. Muatkan fail jquery.min.js dalam halaman html Fail ini menyepadukan semua kaedah jquery Hanya apabila fail berjaya dimuatkan, kaedah dalam jquery boleh digunakan. Cipta elemen div baharu dalam halaman html dan berikan nama kelasnya berwarna merah.

Untuk mencapai kesan yang jelas selepas mengklik, warna latar belakang div dengan class="red" ditakrifkan sebagai merah melalui CSS, dan apabila nama kelas berwarna hitam, warna latar belakang adalah hitam.

2. Tambahkan acara onclick pada elemen div Apabila acara onclick dicetuskan, laksanakan kaedah change_color() Kaedah ini digunakan terutamanya untuk menukar kelas div.

Tulis kod untuk menukar kelas elemen div dalam change_color(), supaya apabila div diklik, class="red" bertukar kepada class="black", dengan itu merealisasikan fungsi menukar nama kelas. Terutamanya melalui kaedah attr() dalam jquery, nama kelas kelas ditukar.

Jalankan kod dan lihat keputusan dalam penyemak imbas:

Boleh dilihat, menyedari fungsi menukar nama kelas dengan mengklik pada div.

Tutorial video berkaitan yang disyorkan: Tutorial video jQuery

Atas ialah kandungan terperinci Bagaimana untuk mengubah suai nama kelas elemen dengan mengklik dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!