jQuery : Introduction à l'utilisation du sélecteur visible

Aperçu

Faire correspondre tous les éléments visibles

Exemple

Description :

Trouver tous les éléments tr visibles

Code HTML :

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

Code jQuery :

$("tr:visible")

Résultat :

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

Ce sélecteur correspond à tous les éléments actuellement visibles.

Structure grammaticale :

$(":visible")

Ce sélecteur est généralement utilisé en conjonction avec d'autres sélecteurs, tels que le sélecteur de classe et le sélecteur d'élémentAttendez. Par exemple :

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

Le code ci-dessus peut définir la couleur de la police dans l'élément div visible sur le bleu.
S'il n'est pas utilisé avec d'autres sélecteurs, l'état par défaut est utilisé avec le sélecteur *, par exemple, $(":visible") est équivalent à $("*:visible").

Exemple de code :

Exemple 1 :

我是不可见的
我是可见的

  
php中文网欢迎您

点击查看效果

Le code ci-dessus peut modifier le texte dans le div visible La couleur est définie sur le bleu.

Exemple 2 :

我是不可见的
我是可见的

  
脚本之家欢迎您

点击查看效果

Étant donné que le code ci-dessus ne spécifie pas de sélecteur à utiliser avec le sélecteur :visible, il est utilisé avec le sélecteur * par défaut, le code peut donc La couleur du texte dans tous les éléments visibles est définie sur bleu.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!