Ejemplo de uso de los métodos show y hide en jQuery

Este ejemplo analiza el uso de los métodos show y hide en jQuery. Compartimos con ustedes para su referencia, como se muestra a continuación:

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//ES"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <título></título>
  <style type="text/css">
    *{fuente-tamaño:12px;}
    div{width:600px;margin:auto;}
    #control{background-color:oro;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").mostrar(3000);
      });
      $("#btnHide").click(function () {
        $("#message").hide(3000);
      });
    });
  </script>
</head>
<body>
  <div id="control">
    <input id="btnDisplay" type="button" value="Mostrar div"> />
    <input id="btnHide" type="button" value="Ocultar div"> />
  </div>
  <div id="message">
    Diferencias entre mouseover y mouseenter: div dentro de div. Ver nota. Relacionado con la burbuja de eventos.<br /> 
    El evento mouseover se desencadena ya sea que el puntero del ratón pase sobre el elemento seleccionado o sus elementos hijos <br />
    El evento mouseenter se desencadena solo cuando el puntero del ratón pasa sobre el elemento seleccionado (los elementos hijos no desencadenan el evento)
  </div>
</body>
</html>

Los lectores interesados en más contenido relacionado con jQuery pueden consultar las secciones especiales de este sitio: 'Resumen de técnicas de operaciones de ventana de jQuery', 'Resumen de técnicas y trucos de arrastrar y soltar de jQuery', 'Resumen de plugins y usos comunes de jQuery', 'Resumen de usos de Ajax en jQuery', 'Resumen de técnicas de operaciones de tabla (table) de jQuery', 'Resumen de técnicas de extensión de jQuery', 'Resumen de efectos clásicos comunes de jQuery', 'Resumen de usos de animaciones y efectos de jQuery' y 'Resumen de usos de selectores de jQuery'.

Espero que lo descrito en este artículo sea útil para todos en la programación de jQuery.

Declaración: el contenido de este artículo se obtiene de la red, y los derechos de autor pertenecen al propietario original. El contenido es proporcionado por usuarios de Internet de manera voluntaria y auto-subida. Este sitio no posee los derechos de propiedad, no ha sido editado por humanos y no asume responsabilidad alguna por las responsabilidades legales. Si encuentra contenido sospechoso de infracción de derechos de autor, bienvenida es la recepción de correos electrónicos a: notice#oldtoolbag.com (al enviar un correo electrónico, reemplace # con @ para denunciar, y proporcione evidencia relevante. Una vez verificada, este sitio eliminará inmediatamente el contenido sospechoso de infracción de derechos de autor.)

Tutoriales básicos

Te gustará