Rumah > Artikel > hujung hadapan web > Bagaimana untuk mendapatkan maklumat dalam kelas dengan jquery
jQuery ialah perpustakaan JavaScript yang digunakan secara meluas yang boleh memanipulasi dokumen HTML, mengendalikan acara, mencipta animasi, dsb. Dalam pembangunan web, selalunya perlu untuk mendapatkan elemen dan mengendalikannya melalui jQuery. Artikel ini akan memperkenalkan cara menggunakan jQuery untuk mendapatkan maklumat dalam kelas.
1. Apakah itu kelas
Dalam HTML, kelas merujuk kepada menandakan set elemen sebagai kumpulan atau kelas bebas. Ia menjadikannya lebih mudah dan lebih mudah untuk memanipulasi set elemen ini melalui CSS atau JavaScript. Elemen HTML boleh mengandungi berbilang kelas, dan kelas ini boleh dipisahkan dengan ruang.
2. Gunakan jQuery untuk mendapatkan kelas
Untuk mendapatkan kelas dalam jQuery, anda perlu menggunakan "." (titik) untuk memilih kelas. Contohnya, untuk memilih semua elemen dengan kelas "info", anda boleh menggunakan kod berikut:
$(".info")
Ini akan memilih semua elemen dengan kelas "info" dan mengembalikan objek jQuery. Objek jQuery sebenarnya adalah tatasusunan elemen padanan, yang boleh dimanipulasi menggunakan pelbagai kaedah jQuery.
3. Manipulasi kelas
Setelah kelas diperoleh, anda boleh menggunakan pelbagai kaedah jQuery untuk mengendalikan elemen ini. Berikut ialah beberapa kaedah jQuery biasa:
Kaedah ini akan menambah kelas yang ditentukan pada elemen yang dipilih. Kod contoh:
$(".info").addClass("active");
Kod di atas akan menambah kelas bernama "aktif" kepada semua elemen dengan kelas "maklumat".
Kaedah ini akan mengalih keluar kelas yang ditentukan daripada elemen yang dipilih. Kod contoh:
$(".info").removeClass("active");
Kod di atas akan mengalih keluar kelas bernama "aktif" daripada semua elemen dengan kelas "maklumat".
Kaedah ini akan menogol kelas yang ditentukan dalam elemen yang dipilih (mengalih keluarnya jika ada; menambahnya jika tidak) ). Kod contoh:
$(".info").toggleClass("active");
Kod di atas akan menukar kelas bernama "aktif" dalam semua elemen dengan kelas "maklumat".
4 Dapatkan maklumat dalam kelas
Dalam HTML, kelas boleh mengandungi sebarang aksara. Untuk mendapatkan maklumat dalam kelas, anda boleh menggunakan ungkapan biasa untuk memadankan rentetan. Berikut ialah contoh kod:
var reg = /info-(.*)/; $(".info").each(function(){ var className = $(this).attr("class"); var matchResult = className.match(reg); var infoValue = matchResult[1]; console.log(infoValue); });
Kod di atas akan mencari kelas bermula dengan "info-" dalam semua elemen dengan kelas "info" dan mendapatkan maklumat dalam kelas.
5. Ringkasan
Artikel ini memperkenalkan cara menggunakan jQuery untuk mendapatkan kelas dan mengendalikan kelas melalui kaedah seperti addclass(), removeClass() dan toggleClass(). Pada masa yang sama, artikel ini juga memperkenalkan cara menggunakan ungkapan biasa untuk mendapatkan maklumat dalam kelas. Saya harap artikel ini dapat membantu anda memahami jQuery dengan lebih mendalam.
Atas ialah kandungan terperinci Bagaimana untuk mendapatkan maklumat dalam kelas dengan jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!