Heim > Artikel > Web-Frontend > Was sind die Sichtbarkeitsfilterselektoren von jquery?
jquery verfügt über zwei Sichtbarkeitsfilterselektoren, nämlich: 1. „:hidden“-Selektor, der zum Abgleichen aller unsichtbaren Elemente verwendet wird, sie als jQuery-Objekte kapselt und zurückgibt. 2. „:visible“-Selektor-Container, der zum Abgleichen aller unsichtbaren Elemente verwendet wird sichtbare Elemente, kapseln Sie sie in jQuery-Objekte und geben Sie sie zurück.
Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.
Empfohlenes Tutorial: jQuery-Video-Tutorial
jQuery-Sichtbarkeitsfilterselektor
Der Sichtbarkeitsselektor von jQuery wählt das entsprechende Element basierend auf dem sichtbaren und unsichtbaren Status des Elements aus. Es gibt zwei Hauptelemente:
„:hidden“, das alle unsichtbaren Elemente auswählt.
„:visible“, wählt alle sichtbaren Elemente aus.
Visible-Selektor: Ausgeblendet umfasst nicht nur Elemente, deren Stilattributanzeige „none“ ist, sondern auch Elemente wie versteckte Textfelder () und sichtbar: ausgeblendet.
jquery: versteckter Selektor
jQuerys: versteckter Selektor wird verwendet, um alle unsichtbaren Elemente abzugleichen, sie als jQuery-Objekte zu kapseln und zurückzugeben.
Syntax:
jQuery( ":hidden" ) //或 $(':hidden')
Rückgabewert:
Gibt ein jQuery-Objekt zurück, das alle unsichtbaren Elemente kapselt.
Wenn keine entsprechende Übereinstimmung gefunden wird, wird ein leeres jQuery-Objekt zurückgegeben.
Hinweis: In jQuery werden Visibility: Hidden; und Opacity: 0 beide als sichtbar betrachtet, da sie den entsprechenden physischen Platz auf der Seite belegen.
Beispiel:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.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>
jquery :visible Selector
jQuerys :visible Selector wird verwendet, um alle sichtbaren Elemente abzugleichen, sie als jQuery-Objekt zu kapseln und zurückzugeben.
Syntax:
jQuery( ":visible" ) //或 $(':visible')
Rückgabewert:
Gibt ein jQuery-Objekt zurück, das alle sichtbaren Elemente kapselt.
Wenn keine entsprechende Übereinstimmung gefunden wird, wird ein leeres jQuery-Objekt zurückgegeben.
Hinweis: In jQuery werden Visibility: Hidden; und Opacity: 0 beide als sichtbar betrachtet, da sie den entsprechenden physischen Platz auf der Seite belegen.
Beispiel:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("p:visible").css("background-color","yellow"); }); </script> </head> <body> <h1>这是一个标题</h1> <p>这是一个段落。</p> <p>这是另外一个段落。</p> <p style="display:none">这是一个隐藏段落。 </p> </body> </html>
Weitere Programmierkenntnisse finden Sie unter: Programmieren lernen! !
Das obige ist der detaillierte Inhalt vonWas sind die Sichtbarkeitsfilterselektoren von jquery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!