Wie kann ich die Elementsichtbarkeit in jQuery überprüfen?

Elementsichtbarkeit in jQuery prüfen

In jQuery können Sie die Sichtbarkeit eines Elements mithilfe von .hide(), .show() umschalten. oder .toggle() Methoden. Um festzustellen, ob ein Element derzeit sichtbar oder ausgeblendet ist, können Sie die folgenden Ansätze nutzen:

Einzelelementprüfung:

Die bereitgestellte Antwort schlägt die Verwendung von $(element) vor. is(":visible") oder $(element).is(":hidden"), um die CSS-Eigenschaft "display" eines einzelnen Elements zu überprüfen. Dabei wird die Eigenschaft „Sichtbarkeit“ ignoriert, die auf ausgeblendet oder sichtbar gesetzt werden kann, während das Element auf dem Bildschirm verbleibt.

Beispiel:

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

Überprüfung der Elementsammlung:

Sie können auch die Funktion $.grep() verwenden, um zu bestimmen, welche Elemente in einer Sammlung sichtbar oder ausgeblendet sind. Dadurch werden sowohl die Eigenschaften „Anzeige“ als auch „Sichtbarkeit“ überprüft.

Beispiel:

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

Hinweis:

Die jQuery-Dokumentation empfiehlt die Verwendung von is(':visible') anstelle von is(':hidden'), da ersteres genauer ist und Fehlalarme eliminiert kann aufgrund spezifischer CSS-Regeln auftreten.

Das obige ist der detaillierte Inhalt vonWie kann ich die Elementsichtbarkeit in jQuery überprüfen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!