jQuery: Einführung in die Verwendung des sichtbaren Selektors

Übersicht

Alle sichtbaren Elemente abgleichen

Beispiel

Beschreibung:

Alle sichtbaren tr-Elemente finden

HTML-Code:

<table> 
<tr style="display:none">
<td>Value 1</td>
</tr> <tr>
<td>Value 2</td>
</tr> 
</table>

jQuery-Code:

$("tr:visible")

Ergebnis:

[ <tr><td>Value 2</td></tr> ]

Dieser Selektor stimmt mit allen aktuell sichtbaren Elementen überein.

Grammatikstruktur:

$(":visible")

Dieser Selektor wird im Allgemeinen in Verbindung mit anderen Selektoren verwendet, z. B. Klassenselektor und ElementselektorWarten. Beispiel:

$("div:visible").css({color:"blue"})

Der obige Code kann die Schriftfarbe im sichtbaren div-Element auf Blau setzen.
Wenn er nicht mit anderen Selektoren verwendet wird, wird der Standard-Status mit dem *-Selektor verwendet. Beispielsweise entspricht $(":visible") $("*:visible").

Beispielcode:

Beispiel 1:

我是不可见的
我是可见的

  
php中文网欢迎您

点击查看效果

Der obige Code kann den Text im sichtbaren Div ändern Die Farbe ist auf Blau eingestellt.

Beispiel 2:

我是不可见的
我是可见的

  
脚本之家欢迎您

点击查看效果

Da der obige Code keinen Selektor angibt, der mit dem :visible-Selektor verwendet werden soll, wird er standardmäßig mit dem *-Selektor verwendet, sodass der Code dies kann Die Textfarbe in allen sichtbaren Elementen ist auf Blau eingestellt.

Das obige ist der detaillierte Inhalt vonjQuery: Einführung in die Verwendung des sichtbaren Selektors. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!