Bagaimana untuk mendapatkan nilai kelas dalam jquery

PHPz
Lepaskan: 2023-04-11 09:24:54
asal
3076 orang telah melayarinya

JQuery ialah perpustakaan JavaScript yang digunakan secara meluas yang membolehkan pengguna mengendalikan elemen HTML. Satu operasi biasa adalah untuk mendapatkan nama kelas atau nilai kelas sesuatu elemen. Dalam artikel ini, kami akan memperkenalkan cara mendapatkan nilai kelas menggunakan JQuery.

Dapatkan nilai kelas

Mendapatkan nilai kelas adalah sangat mudah, anda hanya perlu menggunakan fungsi terbina dalam dalam JQuery - attr(). Fungsi ini boleh mendapatkan nilai atribut elemen HTML. Untuk kelas, hanya lulus kelas sebagai parameter kepada fungsi. Contohnya, kod berikut akan mendapat nilai kelas bagi div bernama "example":

var className = $('div.example').attr('class');
Salin selepas log masuk

Dalam kod di atas, $ ialah alias JQuery dan div.example bermaksud memadankan semua nama dalam HTML dengan "contoh" "elemen div. Oleh itu, className akan menyimpan nilai kelas bagi div bernama "example".

Selain itu, jika anda ingin menyemak sama ada elemen mengandungi kelas tertentu, anda boleh menggunakan fungsi hasClass(). Sebagai contoh, kod berikut akan menyemak sama ada elemen div bernama "example" mengandungi kelas "highlight":

if ($('div.example').hasClass('highlight')) {
   // do something
}
Salin selepas log masuk

Dalam kod di atas, jika div bernama "example" mengandungi highlight, maka Jalankan kod dalam pernyataan if.

Ringkasan

Di atas adalah dua cara mudah untuk menggunakan JQuery untuk mendapatkan nilai kelas Pada asasnya, anda hanya perlu mengingati dua fungsi attr() dan hasClass() untuk mendapatkan dan dengan cepat dan mudah. semak kelas elemen HTML. Dalam pembangunan sebenar, mendapatkan nilai kelas adalah tugas yang sering perlu dilakukan, jadi menguasai JQuery dapat menjimatkan banyak masa dan tenaga.

Atas ialah kandungan terperinci Bagaimana untuk mendapatkan nilai kelas dalam jquery. 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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan