cari

Rumah >hujung hadapan web >tutorial js >Bagaimana untuk menambah acara klik pada elemen kelas tertentu dalam jquery

Bagaimana untuk menambah acara klik pada elemen kelas tertentu dalam jquery

青灯夜游
青灯夜游asal
2021-11-25 18:47:476533semak imbas

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>

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!

jquery function 事件
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
Artikel sebelumnya：Bagaimana untuk menentukan sama ada kotak semak dipilih dalam jqueryArtikel seterusnya：Bagaimana untuk menentukan sama ada kotak semak dipilih dalam jquery

Artikel berkaitan

Lihat lagi