Effetto jQuery - metodo hide ()

Descrizione

Il hide( )Il metodo nasconde semplicemente ciascun set di elementi corrispondenti se vengono visualizzati. C'è un'altra forma di questo metodo che controlla la velocità dell'animazione.

Sintassi

Ecco la semplice sintassi per utilizzare questo metodo:

selector.hide( );

Parametri

Ecco la descrizione di tutti i parametri utilizzati da questo metodo:

  • NA

Esempio

Di seguito è riportato un semplice esempio che mostra l'utilizzo di questo metodo:

<html>
   <head>
      <title>The jQuery Example</title>
      <script type = "text/javascript" 
         src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
      </script>
		
      <script type = "text/javascript" language = "javascript">
   
         $(document).ready(function() {

            $("#show").click(function () {
               $(".mydiv").show();
            });

            $("#hide").click(function () {
               $(".mydiv").hide();
            });
				
         });

      </script>
		
      <style>
         .mydiv{ margin:10px;padding:12px; 
            border:2px solid #666; width:100px; height:100px;}
      </style>
   </head>
	
   <body>
      <div class = "mydiv">
         This is a SQUARE.
      </div>

      <input id = "hide" type = "button" value = "Hide" />   
      <input id = "show" type = "button" value = "Show" />
   </body>
</html>

Questo produrrà il seguente risultato:

jquery-effects.htm