Heim  >  Artikel  >  Web-Frontend  >  Was sind die Sichtbarkeitsfilterselektoren von jquery?

Was sind die Sichtbarkeitsfilterselektoren von jquery?

青灯夜游
青灯夜游Original
2020-12-23 15:07:094352Durchsuche

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.

Was sind die Sichtbarkeitsfilterselektoren von jquery?

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" )
//或
$(&#39;:visible&#39;)

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!

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