Efecto jQuery - método hide ()

Descripción

los hide( )El método simplemente oculta cada uno de los conjuntos de elementos coincidentes si se muestran. Hay otra forma de este método que controla la velocidad de la animación.

Sintaxis

Aquí está la sintaxis simple para usar este método:

selector.hide( );

Parámetros

Aquí está la descripción de todos los parámetros utilizados por este método:

  • NA

Ejemplo

A continuación se muestra un ejemplo simple que muestra el uso de este método:

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

Esto producirá el siguiente resultado:

jquery-effects.htm