Exemple d'utilisation de la méthode show et hide dans jQuery

本文实例分析了jQuery中show与hide方法用法。分享给大家供大家参考，具体如下：

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
  <style type="text/css">
    *{font-size:12px;}
    div{width:600px;margin:auto;}
    #control{background-color:gold;padding:10px;}
  </style>
  <script src="../js/jquery-1.5.1.min.js" type="text/javascript"></script>
  <script type="text/javascript">
    $(function () {
      $("#btnDisplay").click(function () {
        $("#message").show(3000);
      });
      $("#btnHide").click(function () {
        $("#message").hide(3000);
      });
    });
  </script>
</head>
<body>
  <div id="control">
    <input id="btnDisplay" type="button" value="Afficher div" />
    <input id="btnHide" type="button" value="Cacher div" />
  </div>
  <div id="message">
    Différence entre mouseover et mouseenter : div encastré dans div. Voir les notes. Il est lié à la propagation des événements.<br /> 
    L'événement mouseover est déclenché que le pointeur de la souris traverse l'élément sélectionné ou ses éléments enfants <br />
    L'événement mouseenter est déclenché uniquement lorsque le pointeur de la souris traverse l'élément sélectionné (le passage des éléments enfants ne déclenche pas l'événement)
  </div>
</body>
</html>

Pour ceux qui sont intéressés par plus de contenu sur jQuery, vous pouvez consulter les sujets spéciaux de ce site : 'Résumé des techniques de manipulation des fenêtres jQuery', 'Résumé des effets de glisser-déposer jQuery', 'Résumé des plugins courants jQuery et leurs utilisations', 'Résumé des utilisations de Ajax dans jQuery', 'Résumé des techniques de manipulation des tableaux (table) jQuery', 'Résumé des techniques d'extension jQuery', 'Résumé des effets classiques courants jQuery', 'Résumé des utilisations des animations et des effets jQuery' et 'Résumé des utilisations des sélecteurs jQuery'.

J'espère que les informations de cet article seront utiles pour l'architecture des programmes jQuery de chacun.

Déclaration : Le contenu de cet article est issu du réseau, propriété des auteurs respectifs, apporté par les utilisateurs d'Internet et téléversé spontanément. Ce site ne détient pas de droits de propriété, n'a pas été édité par l'homme, et n'assume aucune responsabilité juridique. Si vous trouvez du contenu présumé de violation de droits d'auteur, veuillez envoyer un e-mail à : notice#oldtoolbag.com (veuillez remplacer # par @ lors de l'envoi d'un e-mail pour signaler une violation, et fournir des preuves pertinentes. Une fois vérifié, ce site supprimera immédiatement le contenu présumé de violation de droits d'auteur.)

Tutoriel de base

Vous pourriez également aimer