Bagaimana untuk menambah acara klik pada elemen kelas tertentu dalam jquery-tutorial js-php.cn

Bagaimana untuk menambah acara klik pada elemen kelas tertentu dalam jquery

青灯夜游

Lepaskan： 2021-11-25 18:51:30

asal

6457 orang telah melayarinya

Kaedah tambahan: 1. Gunakan pernyataan "$(".class name") untuk mendapatkan set nod elemen kepada kelas tertentu 2. Gunakan "element node.click(function(){.. . })" penyata menambah acara klik pada nod elemen yang diperoleh.

Bagaimana untuk menambah acara klik pada elemen kelas tertentu dalam jquery

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.

Dalam jquery, $() digunakan untuk memilih elemen Apabila menggunakan kelas, anda boleh menggunakan $(".类名") untuk mendapatkan dan menetapkan elemen kelas tertentu.

Kemudian anda boleh menggunakan kaedah klik() untuk menambah acara klik pada elemen yang diperolehi.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">

		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function(){
				$(".box").click(function(){
					$(".box").css("background-color","#FFC0CB");
				});
			});
		</script>
	</head>
	<body>
		<p class="box">2324 </p>
		<button class="box">点击，修改按钮的样式</button>
	</body>
</html>

Salin selepas log masuk

Bagaimana untuk menambah acara klik pada elemen kelas tertentu dalam jquery

Penerangan: Kaedah

klik() mencetuskan acara klik atau menentukan fungsi untuk dijalankan apabila peristiwa klik berlaku.

Sintaks: $(selector).click(function)

fungsi: Pilihan. Menentukan fungsi untuk dijalankan apabila peristiwa klik berlaku.

Tutorial video berkaitan yang disyorkan: Tutorial jQuery (Video)

Atas ialah kandungan terperinci Bagaimana untuk menambah acara klik pada elemen kelas tertentu dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!