Comment puis-je vérifier la visibilité des éléments dans jQuery ?

Vérification de la visibilité des éléments dans jQuery

Dans jQuery, vous pouvez basculer la visibilité d'un élément à l'aide de .hide(), .show(), ou les méthodes .toggle(). Pour déterminer si un élément est actuellement visible ou masqué, vous pouvez utiliser les approches suivantes :

Vérification d'un seul élément :

La réponse fournie suggère d'utiliser $(element). is(":visible") ou $(element).is(":hidden") pour vérifier la propriété CSS "display" d'un seul élément. Ceci ignore la propriété "visibilité", qui peut être définie sur masquée ou visible pendant que l'élément reste à l'écran.

Exemple :

// Check if the element is visible
if ($(element).is(":visible")) {
  console.log("The element is visible.");
} else {
  console.log("The element is hidden.");
}

Vérification de la collection d'éléments :

Vous pouvez également utiliser la fonction $.grep() pour déterminer quels éléments d'une collection sont visibles ou masqués. Cela vérifie à la fois les propriétés « affichage » et « visibilité ».

Exemple :

// Get an array of visible elements
var visibleElements = $.grep($(".elements"), function(element) {
  return $(element).is(":visible");
});

Remarque :

La documentation jQuery recommande d'utiliser is(':visible') au lieu de is(':hidden'), car le premier est plus précis et élimine les faux positifs. cela peut se produire en raison de règles CSS spécifiques.

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!