Maison >interface Web >js tutoriel >Comment puis-je vérifier si un élément jQuery est visible ou masqué ?

Comment puis-je vérifier si un élément jQuery est visible ou masqué ?

Linda Hamilton
Linda Hamiltonoriginal
2024-12-16 02:13:14458parcourir

How Can I Check if a jQuery Element is Visible or Hidden?

Comment vérifier la visibilité des éléments avec jQuery

Question : Déterminer si un élément particulier est actuellement masqué ou visible sur le page Web.

Réponse :

Pour accéder à l'état de visibilité d'un élément à l'aide de jQuery, vous pouvez utiliser les méthodes suivantes :

  • .is(":visible") : Vérifie si un élément est visible en examinant sa propriété CSS "display" et en renvoyant true s'il n'est pas défini à "aucun."
  • .is(":hidden") : similaire à ".is(":visible")", mais renvoie vrai si la propriété CSS "display" de l'élément est défini sur « aucun ».

Exemple :

Pour vérifier la visibilité d'un élément spécifique element :

const element = $("#myElement");

if (element.is(":visible")) {
  // Element is visible
} else {
  // Element is hidden
}

Notes supplémentaires :

  • Ces méthodes vérifient uniquement la propriété CSS "display" et ignorent la propriété "visibility".
  • Pour un seul élément, les méthodes ".is(":visible")" et ".is(":hidden")" sont plus appropriées que les ".hide()", Méthodes ".show()" ou ".toggle()".

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn