Esempio di uso del metodo show e hide in jQuery

L'analisi di esempio delle funzioni show e hide in jQuery. Condiviso con tutti per riferimento, come segue:

!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="Mostra div" />
    <input id="btnHide" type="button" value="Nascondi div" />
  </div>
  <div id="message">
    Differenza tra mouseover e mouseenter: div all'interno di div. Vedi nota. Ha a che fare con la propagazione degli eventi.<br /> 
    L'evento mouseover viene attivato sia quando il puntatore del mouse passa sopra l'elemento selezionato che sopra i suoi elementi figli <br />
    L'evento mouseenter viene attivato solo quando il puntatore del mouse passa sopra l'elemento selezionato (passare sopra gli elementi figli non attiva l'evento)
  </div>
</body>
</html>

Per chi è interessato a ulteriori contenuti su jQuery, è possibile consultare le sezioni speciali di questo sito: 'Riassunto delle tecniche di gestione delle finestre jQuery', 'Riassunto delle tecniche di trascinamento e delle tecniche jQuery', 'Riassunto delle estensioni e delle loro applicazioni jQuery', 'Riassunto dell'uso di Ajax in jQuery', 'Riassunto delle tecniche di gestione delle tabelle jQuery', 'Riassunto delle tecniche di estensione jQuery', 'Riassunto delle tecniche classiche jQuery', 'Riassunto dell'uso di animazioni e effetti jQuery' e 'Riassunto delle tecniche di selezione degli elementi jQuery'.

Spero che l'articolo presente possa essere utile per la progettazione di programmi jQuery di tutti.

Dichiarazione: il contenuto di questo articolo è stato prelevato da Internet, il copyright spetta ai rispettivi proprietari, il contenuto è stato caricato autonomamente dagli utenti di Internet, questo sito non detiene il diritto di proprietà, non è stato elaborato manualmente e non assume alcuna responsabilità legale. Se trovi contenuti sospetti di violazione del copyright, invia un'e-mail a: notice#oldtoolbag.com (al momento dell'invio dell'e-mail, sostituisci # con @) per segnalare il problema e fornire prove pertinenti. Una volta verificata, questo sito eliminerà immediatamente i contenuti sospetti di violazione del copyright.

Corso di base