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

巴扎黑
Libérer: 2017-06-29 10:48:48
original
1684 Les gens l'ont consulté

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>
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal