Wie kann ich überprüfen, ob ein jQuery-Element sichtbar oder ausgeblendet ist?

So überprüfen Sie die Elementsichtbarkeit mit jQuery

Frage: Stellen Sie fest, ob ein bestimmtes Element derzeit ausgeblendet oder sichtbar ist Die Webseite.

Antwort:

Um mit jQuery auf den Sichtbarkeitsstatus eines Elements zuzugreifen, können Sie die folgenden Methoden verwenden:

• .is(":visible"): Prüft, ob ein Element sichtbar ist, indem es seine CSS-Eigenschaft „display“ untersucht und true zurückgibt, wenn dies der Fall ist nicht auf „none“ gesetzt.
• .is(":hidden"): Ähnlich wie „.is(“:visible“)“, gibt aber true zurück, wenn das CSS des Elements „display "-Eigenschaft ist auf „none“ gesetzt.

Beispiel:

Um die Sichtbarkeit eines bestimmten zu überprüfen Element:

const element = $("#myElement");

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

Zusätzliche Hinweise:

• Diese Methoden überprüfen nur die CSS-Eigenschaft „display“ und ignorieren die Eigenschaft „visibility“.
• Für ein einzelnes Element sind die Methoden „.is(“:visible“)“ und „.is(“:hidden“)“ geeigneter als die Methoden „.hide()“, „.show()“ oder „.toggle()“.

Das obige ist der detaillierte Inhalt vonWie kann ich überprüfen, ob ein jQuery-Element sichtbar oder ausgeblendet ist?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!