Heim  >  Artikel  >  Web-Frontend  >  So verhindern Sie, dass div in jquery angezeigt wird

So verhindern Sie, dass div in jquery angezeigt wird

coldplay.xixi
coldplay.xixiOriginal
2020-11-24 15:50:383257Durchsuche

So stellen Sie sicher, dass div mit jquery nicht angezeigt wird: 1. Verwenden Sie die Methode [attr()] mit dem display-Attribut, damit das div nicht angezeigt wird. 2. Verwenden Sie die Methode [CSS()] mit dem display-Attribut, um das div anzuzeigen nicht angezeigt; 3. Verwenden Sie die Methode [hide()], um zu verhindern, dass das Div angezeigt wird.

So verhindern Sie, dass div in jquery angezeigt wird

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery3.5.1-Version. Diese Methode ist für alle Computermarken geeignet.

JQuery-Methode, damit Div nicht angezeigt wird:

Methode 1: Verwenden Sie die Methode attr() mit dem Anzeigeattribut, damit Div nicht angezeigt wird.

$("div").attr("style","display:none;");//隐藏div

Erweiterung:

$("div").attr("style","display:block;");//显示div

Methode 2: Verwenden Sie die CSS()-Methode Verwenden Sie das Anzeigeattribut, um zu verhindern, dass das Div angezeigt wird.

Tipp: Dies ähnelt der CSS-Eigenschaft display:none.

Hinweis: Ausgeblendete Elemente werden nicht vollständig angezeigt (haben keinen Einfluss mehr auf das Layout der Seite).

Tipp: Um versteckte Elemente anzuzeigen, schauen Sie sich die Methode show() an.

Beispiel:
    $("div").css("display","none");//隐藏div
  • Hinweis:

$("div").show() bedeutet display:block,

$("div").hide() bedeutet display:none;

  • Methode 4: Verwenden Sie die toggle()-Methode, damit das Div nicht angezeigt wird.

  • Die toggle()-Methode wechselt zwischen hide() und show() für das ausgewählte Element.

    Diese Methode prüft den Sichtbarkeitsstatus des ausgewählten Elements. Wenn ein Element ausgeblendet ist, wird show() ausgeführt, wenn ein Element sichtbar ist, wird hide() ausgeführt – dies erzeugt einen Toggle-Effekt.
Hinweis: Ausgeblendete Elemente werden nicht vollständig angezeigt (haben keinen Einfluss mehr auf das Layout der Seite).

Beispiel:

$("div").css("display","block");//显示div

Verwandte kostenlose Lernempfehlungen:

JavaScript

(Video)

Das obige ist der detaillierte Inhalt vonSo verhindern Sie, dass div in jquery angezeigt wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn