suchen

Heim >Web-Frontend >Front-End-Fragen und Antworten >Was bedeutet binden in jquery

Was bedeutet binden in jquery

青灯夜游
青灯夜游Original
2022-05-17 17:32:012186Durchsuche

Binden bedeutet in jquery „Binden“, mit dem Ereignisse an bestimmte Elemente gebunden werden und die Verarbeitungsfunktion so eingestellt wird, dass sie ausgeführt wird, wenn das Ereignis auftritt. Syntax „element object.bind(event,data,function)“, Parameter event Gibt an das Ereignis, das an das Element gebunden werden muss. Es kann mehrere Werte haben, diese müssen jedoch durch Leerzeichen getrennt werden.

Was bedeutet binden in jquery

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.

In jquery bedeutet bind „Bindung“, das verwendet wird, um Ereignisse an bestimmte Elemente zu binden und eine oder mehrere Ereignisbehandlungsfunktionen festzulegen. Die

Was bedeutet binden in jquery

bind()-Methode fügt dem ausgewählten Element einen oder mehrere Event-Handler sowie eine Funktion hinzu, die beim Eintreten des Ereignisses ausgeführt wird.

Syntax zum Binden von Ereignissen und Funktionen an Elemente: 

$(selector).bind(event,data,function)
Parameter Beschreibung
Ereignis

Erforderlich. Gibt ein oder mehrere Ereignisse an, die dem Element hinzugefügt werden sollen.

Mehrere Ereignisse durch Leerzeichen getrennt. Muss ein gültiges Ereignis sein.

Daten optional. Gibt zusätzliche Daten an, die an die Funktion übergeben werden sollen.
Funktion erforderlich. Gibt eine Funktion an, die ausgeführt werden soll, wenn ein Ereignis auftritt.

Beispiel 1: Binden Sie das Klickereignis und legen Sie die Handlerfunktion fest

Der erzielte Effekt: Wenn mit der Maus geklickt wird, wird das p-Element ausgeblendet oder angezeigt.

<!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>

Was bedeutet binden in jquery

Beispiel 2: Mehrere Ereignisse binden 

<!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>

Was bedeutet binden in jquery

【Empfohlenes Lernen: jQuery-Video-Tutorial, Web-Frontend-Video】

Das obige ist der detaillierte Inhalt vonWas bedeutet binden in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Welche Frontend-Frameworks gibt es für JQuery?Nächster Artikel：Welche Frontend-Frameworks gibt es für JQuery?

In Verbindung stehende Artikel

Mehr sehen