Heim > Artikel > Web-Frontend > So finden Sie versteckte Elemente in JQuery
Zwei Implementierungsmethoden: 1. Verwenden Sie „:hidden“, die Syntax „$(“:hidden“)“, Sie können versteckte Elemente direkt auswählen. 2. Verwenden Sie „:visible“ und „:not()“ zusammen Mit der Syntax „$(“:not(:visible)“)“ können Elemente außerhalb des Anzeigestatus ausgewählt werden, d. h. ausgeblendete Elemente.
Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.
jquery kann die folgenden zwei Methoden verwenden, um versteckte Elemente zu finden:
Verwenden Sie den :hidden-Selektor direkt
Verwenden Sie die :visible- und :not()-Selektoren
1. Verwenden Sie den :hidden-Selektor
:hidden Die Funktion des Selektors besteht darin, versteckte Elemente auszuwählen.
Beispiel: Ausgeblendete Elemente anzeigen
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.10.2.min.js"></script> <script> $(document).ready(function() { $(":hidden").show(3500); }); </script> </head> <body> <p>这是一个段落。</p> <p>这是另外一个段落。</p> <p style="display:none;">这是一个隐藏段落。</p> <div style="display:none;">这是隐藏的 div 元素。</div> </body> </html>
2. Verwenden Sie die Selektoren :visible und :not()
: Der sichtbare Selektor wählt jedes Element aus, das derzeit sichtbar ist.
:not()-Selektor wählt alle Elemente außer dem angegebenen Element aus.
„:visible“ und „:not()“ werden zusammen verwendet, um Elemente außerhalb des angezeigten Zustands auszuwählen, d. h. ausgeblendete Elemente auszuwählen.
Beispiel: Versteckte Elemente anzeigen
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.10.2.min.js"></script> <script> $(document).ready(function() { $(":not(:visible)").fadeToggle(3500); }); </script> </head> <body> <p>这是一个段落。</p> <p>这是另外一个段落。</p> <p style="display:none;">这是一个隐藏段落。</p> <div style="display:none;">这是隐藏的 div 元素。</div> </body> </html>
[Empfohlenes Lernen: jQuery-Video-Tutorial, Web-Frontend-Video]
Das obige ist der detaillierte Inhalt vonSo finden Sie versteckte Elemente in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!