Was sind die Sichtbarkeitsfilterselektoren von jquery?-js-Tutorial-php.cn

Was sind die Sichtbarkeitsfilterselektoren von jquery?

青灯夜游

Freigeben： 2023-01-04 09:37:50

Original

4380 Leute haben es durchsucht

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

Nach dem Login kopieren

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>

Nach dem Login kopieren

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;)

Nach dem Login kopieren

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>

Nach dem Login kopieren

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!