Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Erläuterung der Anwendungsbeispiele der hide()-Methode in jQuery

Detaillierte Erläuterung der Anwendungsbeispiele der hide()-Methode in jQuery

巴扎黑
巴扎黑Original
2017-06-29 10:48:481664Durchsuche

Dieser Artikel stellt hauptsächlich die Verwendung der hide()-Methode in jQuery vor. Er analysiert die Definition, Funktion und Verwendungsfähigkeiten der hide()-Methode im Detail und hat einen bestimmten Referenzwert es kann darauf verweisen.

Das Beispiel in diesem Artikel beschreibt die Verwendung der hide()-Methode in jQuery. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Diese Methode kann übereinstimmende Elemente ausblenden.

Verwendung der Methode hide():
Wenn diese Methode kein Zeitlimit für den Ausblendungseffekt festlegt, werden die passenden Elemente sofort ausgeblendet. Zum Beispiel:

Der Code lautet wie folgt:

$("p").hide()

Der obige Code kann alle p-Elemente sofort ausblenden.
Wenn die Methode ein Zeitlimit für den Ausblendungseffekt festlegt, wird das passende Element innerhalb des begrenzten Ereignisses in einer eleganteren Form ausgeblendet. Beispiel:

Der Code lautet wie folgt:

$("p").hide(2000)

Der obige Code kann alle p-Elemente in ausblenden 2000 Millisekunden (2 Sekunden) werden ausgeblendet.
Diese Methode kann auch eine Rückruffunktion auslösen, nachdem das Ausblenden abgeschlossen ist. Zum Beispiel:

Der Code lautet wie folgt:

$("p").hide(2000,function(){alert("Ich habe es ausgeblendet")}) ;

Beispielcode:

Der Code lautet wie folgt:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>hide()函数-脚本之家</title> 
<style type="text/css">
p{
  color:blue;
  
background-color
:green;
  width:100px;
  height:100px;
  
margin-top
:10px;
}
</style>
<script type="text/
javascript
" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(
document
).ready(function(){
  $("#first").click(function(){
    $(".first").hide();
  })
  $("#second").click(function(){
    $(".second").hide(2000,function(){alert("我隐藏好了")});
  })
})
</script>
</head>
<body>
  <p class="first"></p>
  <p class="second"></p>
  <button id="first">瞬间隐藏</button>
  <button id="second">优雅的隐藏</button>
</body>
</html>

Der obige Code kann die Rückruffunktion auslösen, nachdem das Ausblenden abgeschlossen ist, sodass ein Eingabeaufforderungsfeld angezeigt wird auftauchen.

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Anwendungsbeispiele der hide()-Methode in jQuery. 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