Apakah maksud bind dalam jquery-Soal Jawab bahagian hadapan-php.cn

Apakah maksud bind dalam jquery

青灯夜游

Lepaskan： 2022-05-17 17:32:01

asal

2157 orang telah melayarinya

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.

Apakah maksud bind dalam jquery

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)

Salin selepas log masuk

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>

Salin selepas log masuk

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>

Salin selepas log masuk

Contoh 2: Ikat berbilang acara

Apakah maksud bind dalam jquery