jQuery : Introduction à l'utilisation du sélecteur visible-js tutoriel-php.cn

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>

Copier après la connexion

Code jQuery :

$("tr:visible")

Copier après la connexion

Résultat :

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

Copier après la connexion

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

Structure grammaticale :

$(":visible")

Copier après la connexion

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"})

Copier après la connexion

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中文网欢迎您

Copier après la connexion

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

Exemple 2 :






脚本之家





我是不可见的
我是可见的

  脚本之家欢迎您

Copier après la connexion

É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!