Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk mendapatkan maklumat dalam kelas dengan jquery

Bagaimana untuk mendapatkan maklumat dalam kelas dengan jquery

PHPz
PHPzasal
2023-04-17 14:59:22704semak imbas

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:

  1. addClass() - Tambah kelas

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".

  1. removeClass() - Alih keluar kelas

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".

  1. toggleClass() - Togol kelas

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!

Kenyataan:
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