So verbergen Sie div-Elemente, indem Sie in jquery auf andere Elemente klicken

Implementierungsschritte: 1. Verwenden Sie den Selektor „:not()“ und die Funktion click(), um Klickereignisse an andere Elemente als div zu binden und die Verarbeitungsfunktion festzulegen. Die Syntax lautet „$(“:not('div ' )").click(function() {//Der Code, der nach dem Eintreten des Klickereignisses ausgeführt wird});" 2. Verwenden Sie in der Verarbeitungsfunktion die Funktion hide(), um das div-Element auszublenden. Die Syntax lautet „$ ("div"). hide();".

Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.6.1-Version, Dell G3-Computer.

In jquery können Sie die Methoden :not() selector, click() und hide() verwenden, um div-Elemente auszublenden, indem Sie auf andere Elemente klicken.

Implementierungsschritte:

Schritt 1: Verwenden Sie den Selektor :not() und die Funktion click(), um Klickereignisse an andere Elemente als div zu binden, und legen Sie die Verarbeitungsfunktion

$(":not('div')").click(function() {
	//点击事件发生后，执行的代码
});

in der Ereignisverarbeitungsfunktion fest , der geschriebene Code ist der Effektcode, der nach dem Klicken erzielt wird

Schritt 2: Verwenden Sie in der Verarbeitungsfunktion die Funktion hide(), um das div-Element auszublenden

$("div").hide();

Beispielcode:

	
		
		
		<script>
			$(document).ready(function() {
				$(":not(&#39;div&#39;)").click(function() {
					$(&quot;div&quot;).hide();
				});
			});
		</script>
		
	
	
		
需要隐藏的div元素
		
p元素
		button
		
p元素
		span
		
需要隐藏的div元素
	

Anleitung:

:not()-Selektor wählt alle Elemente außer dem angegebenen Element aus.

Die häufigste Verwendung: Wird mit anderen Selektoren verwendet, um alle Elemente in der angegebenen Kombination außer dem angegebenen Element auszuwählen.

$(":not(selector)")

Parameter	Beschreibung
Auswahl	erforderlich. Gibt Elemente an, die nicht ausgewählt sind. Dieser Parameter akzeptiert jeden Selektortyp.

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

Das obige ist der detaillierte Inhalt vonSo verbergen Sie div-Elemente, indem Sie in jquery auf andere Elemente klicken. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!