Maison  >  Article  >  interface Web  >  Dans jQuery : utilisation du sélecteur caché example_jquery

Dans jQuery : utilisation du sélecteur caché example_jquery

WBOY
WBOYoriginal
2016-05-16 16:23:101403parcourir

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

Ce sélecteur peut faire correspondre tous les éléments invisibles ou les éléments de type masqué.

Structure grammaticale :

Copier le code Le code est le suivant :
$(":hidden")

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:hidden").css({display:" bloc", couleur:"bleu"})

Le code ci-dessus peut définir l'élément div caché pour qu'il soit visible et définir la couleur de la police à l'intérieur sur 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, $(":hidden") est équivalent à $("*:hidden").

Exemple de code :

Copier le code Le code est le suivant :






Accueil du script
Je ne l'ai vu que plus tard
Je suis intrinsèquement visible
Cliquez pour voir l'effet




Le code ci-dessus peut définir le div caché pour qu'il soit visible et définir la couleur du texte à l'intérieur sur bleu.

Exemple 2 :





Copier le code
Le code est le suivant :