Rumah > hujung hadapan web > tutorial css > Bagaimanakah Saya Boleh Mengubah Nama Kelas Teg TD Dengan Tepat Menggunakan jQuery Dalam Pengendali Acara?

Bagaimanakah Saya Boleh Mengubah Nama Kelas Teg TD Dengan Tepat Menggunakan jQuery Dalam Pengendali Acara?

Mary-Kate Olsen
Lepaskan: 2024-12-19 19:42:09
asal
569 orang telah melayarinya

How Can I Precisely Change a TD Tag's Class Name Using jQuery Within an Event Handler?

jQuery: Menukar Nama Kelas dengan Ketepatan

Apabila mengubah suai kelas teg HTML tertentu, ketepatan pemilihan adalah penting. Ini menjadi lebih penting apabila bekerja dalam pengendali acara elemen DOM lain.

Pertimbangkan untuk mengubah suai kelas teg berdasarkan IDnya, seperti:

Bagaimanakah kita boleh mencapai ini dalam peristiwa klik objek DOM yang lain?

jQuery ke Rescue

jQuery menyediakan set fungsi yang mantap yang disesuaikan khusus untuk memanipulasi kelas elemen. Begini cara anda boleh menggunakannya:

Menetapkan Kelas (Tulis Ganti)

Gunakan .attr() untuk menetapkan kelas tanpa mengira nilai sebelumnya:

$("#td_id").attr('class', 'newClass');
Salin selepas log masuk

Menambah Kelas

Gunakan .addClass() untuk menambahkan kelas kepada yang sedia ada:

$("#td_id").addClass('newClass');
Salin selepas log masuk

Tukar Kelas (Togol)

Gunakan .toggleClass() untuk mengalih keluar atau menambah secara bergantian kelas:

$("#td_id").toggleClass('change_me newClass');
Salin selepas log masuk

Kelas jQuery Kaedah

Untuk lebih banyak pilihan, jQuery menawarkan suite kaedah yang komprehensif untuk memanipulasi kelas atribut:

  • .hasClass()
  • .removeClass()
  • .toggleClass()
  • .switchClass()

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengubah Nama Kelas Teg TD Dengan Tepat Menggunakan jQuery Dalam Pengendali Acara?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan