Heim > Artikel > Web-Frontend > 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('div')").click(function() { $("div").hide(); }); }); </script>需要隐藏的div元素p元素
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!