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

Bagaimana untuk menggunakan pemilih kelas jquery

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBasal
2022-09-05 17:13:122167semak imbas

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

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>

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!

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