Maison >interface Web >js tutoriel >Explication détaillée des exemples d'utilisation de la méthode hide() dans jQuery

Explication détaillée des exemples d'utilisation de la méthode hide() dans jQuery

巴扎黑original: 2017-06-29 10:48:481684parcourir

Cet article présente principalement l'utilisation de la méthode hide() dans jQuery. Il analyse en détail la définition, la fonction et les compétences d'utilisation de la méthode hide() sous forme d'exemples. Il a une certaine valeur de référence. il peut y faire référence.

L'exemple de cet article décrit l'utilisation de la méthode hide() dans jQuery. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Cette méthode peut masquer les éléments correspondants.

Utilisation de la méthode hide() :
Si cette méthode ne fixe pas de limite de temps pour l'effet de masquage, alors les éléments correspondants seront masqués instantanément. Par exemple :

Le code est le suivant :

$("p").hide()

Le code ci-dessus peut masquer tous les éléments p instantanément.
Si la méthode fixe une limite de temps pour l'effet de masquage, alors l'élément correspondant sera masqué sous une forme plus élégante au sein de l'événement limité. Par exemple :

Le code est le suivant :

$("p").hide(2000)

Le code ci-dessus peut masquer tous les éléments p dans 2 000 millisecondes (2 secondes) sont masquées.
Cette méthode peut également déclencher une fonction de rappel une fois le masquage terminé. Par exemple :

Le code est le suivant :

$("p").hide(2000,function(){alert("Je l'ai caché")}) ;

Exemple de code :

Le code est le suivant :

<!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>

Le code ci-dessus peut déclencher la fonction de rappel une fois le masquage terminé, donc une boîte de dialogue apparaîtra surgir.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Créer un chronomètre simple avec javascriptArticle suivant：Créer un chronomètre simple avec javascript

Articles Liés

Voir plus