Dans jQuery : utilisation du sélecteur visible example_jquery

L'exemple de cet article décrit l'utilisation du sélecteur :visible dans jQuery. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

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

Structure grammaticale :

Copier le code Le code est le suivant :

$(":visible")

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

Copier le code Le code est le suivant :

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

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

Exemple de code :

Exemple 1 :

Copier le code Le code est le suivant :

Je suis invisible

Je suis visible

• Script House vous souhaite la bienvenue

Cliquez pour voir l'effet

Le code ci-dessus peut définir la couleur du texte dans le div visible sur bleu.

Exemple 2 :

Copier le code Le code est le suivant :

Je suis invisible

Je suis visible

• Script House vous souhaite la bienvenue

Cliquez pour voir l'effet

É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, afin que le code puisse définir la couleur du texte dans tous les éléments visibles sur bleu.

J'espère que cet article sera utile à la programmation jQuery de chacun.