Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Bagaimana untuk menggunakan pemilih kelas jquery

Bagaimana untuk menggunakan pemilih kelas jquery

WBOY
Lepaskan: 2022-09-05 17:13:12
asal
2124 orang telah melayarinya

Dalam jquery, pemilih kelas digunakan untuk memilih semua elemen dengan kelas tertentu atribut kelas digunakan untuk menetapkan gaya khusus untuk berbilang elemen HTML, sebaiknya tidak untuk menggunakannya Atribut kelas bermula dengan nombor mempunyai sintaks "$(".class")".

Bagaimana untuk menggunakan pemilih kelas jquery

Persekitaran pengendalian artikel ini: sistem Windows 10, versi jquery 3.6.0, komputer Dell G3.

Cara menggunakan pemilih kelas jquery

.pemilih kelas memilih semua elemen dengan kelas yang ditentukan.

kelas merujuk kepada atribut kelas bagi elemen HTML. Atribut kelas

digunakan untuk menetapkan gaya khusus untuk berbilang elemen HTML.

Nota: Jangan gunakan atribut kelas bermula dengan nombor! Ini boleh menyebabkan masalah dalam sesetengah penyemak imbas.

Sintaksnya ialah:

$(".class")
Salin selepas log masuk

Contohnya adalah seperti berikut:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $(".intro").css("background-color","yellow");
});
</script>
</head>
<body>
<h1>欢迎访问我的主页</h1>
<p>没有指定class</p>
<p class="intro">指定class,设置背景颜色</p>
</body>
</html>
Salin selepas log masuk

Hasil keluaran:

Bagaimana untuk menggunakan pemilih kelas jquery

Cadangan tutorial berkaitan: tutorial video jQuery

Atas ialah kandungan terperinci Bagaimana untuk menggunakan pemilih kelas jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
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