Heim > Web-Frontend > js-Tutorial > Hauptteil

So verwenden Sie die Show-Methode in Javascript

醉折花枝作酒筹
Freigeben: 2023-01-07 11:44:34
Original
11579 Leute haben es durchsucht

In js lautet die Verwendung von show „$(element).show(speed, auszuführende Funktion)“. Die Show-Methode bedeutet, die ausgewählten Elemente anzuzeigen, wenn sie ausgeblendet wurden. Dieser Effekt gilt für Elemente, die über jQuery ausgeblendet wurden, oder für Elemente, bei denen in CSS „display:none“ deklariert ist.

So verwenden Sie die Show-Methode in Javascript

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Definition und Verwendung

Wenn die ausgewählten Elemente bereits ausgeblendet sind, zeigen Sie diese Elemente an:

Syntax

$(selector).show(speed,callback)
Nach dem Login kopieren

So verwenden Sie die Show-Methode in Javascript

Tipp: Wenn das Element bereits vollständig sichtbar ist, führt dieser Effekt zu keinen Änderungen. Sofern keine Callback-Funktion angegeben ist.

Hinweis: Dieser Effekt funktioniert bei Elementen, die über jQuery ausgeblendet sind, oder bei Elementen, die mit display:none in CSS deklariert wurden (jedoch nicht bei Elementen mit Visibility:hidden ).

Beispiel

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".btn1").click(function(){
  $("p").hide();
  });
  $(".btn2").click(function(){
  $("p").show();
  });
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<button class="btn1">隐藏</button>
<button class="btn2">显示</button>
</body>
</html>
Nach dem Login kopieren

Effekt:

So verwenden Sie die Show-Methode in Javascript

[Empfohlenes Lernen: Javascript-Tutorial für Fortgeschrittene]

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die Show-Methode in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage