Heim  >  Artikel  >  Web-Frontend  >  So verbergen Sie div-Elemente, indem Sie in jquery auf andere Elemente klicken

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

青灯夜游
青灯夜游Original
2022-09-13 18:03:072600Durchsuche

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();".

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

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元素

p元素

span
需要隐藏的div元素

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

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!

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