Rumah > Artikel > hujung hadapan web > Apakah maksud bind dalam jquery

Apakah maksud bind dalam jquery

青灯夜游asal: 2022-05-17 17:32:012149semak imbas

Dalam jquery, bind bermaksud "mengikat", yang digunakan untuk mengikat peristiwa kepada elemen yang ditentukan dan menetapkan fungsi pemprosesan untuk dijalankan apabila peristiwa berlaku sintaks "elemen object.bind(event,data,function) " , peristiwa parameter menentukan peristiwa yang perlu diikat pada elemen Ia boleh mempunyai berbilang nilai, tetapi ia perlu dipisahkan dengan ruang.

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

Dalam jquery, bind bermaksud "mengikat" , yang digunakan untuk mengikat acara kepada elemen tertentu dan menetapkan satu atau lebih pengendali acara. Kaedah

Apakah maksud bind dalam jquery

bind() menambah satu atau lebih pengendali acara pada elemen yang dipilih, serta fungsi untuk dijalankan apabila peristiwa itu berlaku.

Sintaks untuk mengikat acara dan fungsi kepada elemen:

$(selector).bind(event,data,function)

Parameter

Penerangan

acara

参数

描述

event

必需。规定添加到元素的一个或多个事件。

由空格分隔多个事件。必须是有效的事件。

data

可选。规定传递到函数的额外数据。

function

必需。规定当事件发生时运行的函数。

Diperlukan. Menentukan satu atau lebih acara untuk ditambahkan pada elemen.

Berbilang acara dipisahkan oleh ruang. Mesti acara yang sah.

data

Pilihan. Menentukan data tambahan untuk dihantar ke fungsi.

fungsi

Diperlukan. Menentukan fungsi untuk dijalankan apabila peristiwa berlaku.

Contoh 1: Ikat acara klik dan tetapkan fungsi pengendali

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").bind("click", function() {
					$("p").slideToggle();
				});
			});
		</script>
	</head>

	<body>
		<button>隐藏或显示 p 元素。</button>
		<p>这是一个p段落</p>
		<p>这是一个p段落</p>
	</body>
</html>

Kesan dicapai: apabila tetikus diklik Apabila, sembunyikan atau tunjukkan elemen p Apakah maksud bind dalam jquery

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function(){
		  $("p").bind("mouseover mouseout",function(){
		    $("p").toggleClass("intro");
		  });
		});
		</script>
		<style type="text/css">
			.intro {
				font-size: 150%;
				color: red;
			}
		</style>
	</head>
	<body>

		<p>将鼠标移动到该段落上。</p>

	</body>
</html>

Contoh 2: Ikat berbilang acara

Apakah maksud bind dalam jquery

[Pembelajaran yang disyorkan: tutorial video jQuery

, video bahagian hadapan web]

Atas ialah kandungan terperinci Apakah maksud bind dalam 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

Artikel sebelumnya：Apakah rangka kerja front-end yang ada untuk jquery?Artikel seterusnya：Apakah rangka kerja front-end yang ada untuk jquery?

Artikel berkaitan

Lihat lagi