22Sep 2010 6 Comments */?>

JQuery Playground con Test it Yourself

Categorías: JQuery - Tags: , , ,

Hoy les traigo algo un poco diferente a lo acostumbrado, un “JQuery Playground” para los que están conociendo JQuery así pueden ver algunos efectos y animaciones que pueden hacer con este fabuloso Framework, jugar con las opciones que brinda y aprender porque no un poco más.
Y ya que estamos promociono un poco mi plugin de Wordpres Test it Yourself que la verdad no tubo más que unas pocas descargas desde que lo lance 🙁

Para “jugar” con los ejemplos de JQuery tan solo tiene que hacer click en “Test it” para cargar el código y ver como funciona.

Si se animan pueden dejar sus propias obras de arte en los comentarios 😀

JQuery .animate()

 

 

JQuery .fadeIn() y JQuery .fadeOut()

 

 

JQuery .show() y JQuery .hide()

 

 

JQuery .slideUp() y JQuery .slideDown()

 

 

Como seleccionar / deseleccionar todos los checkbox con JQuery

 

 


Placeholder para cajas de búsquedas que desaparece

Bueno que les pareció hasta ahí? Si dejan algún ejemplo interesante en los comentarios hacemos una segunda versión de JQuery Playground con los que se le ocurran a ustedes.
Como siempre estoy abierto a sus dudas, sugerencias y críticas ( de estas últimas un poco menos :P)

Saludos!!

Damián Logghe

Programador freelancer y emprendedor en sueños. Contento de ser mi jefe y poder hacer lo que me gusta. WordPress es mi principal fuente de ingreso y me escribo tanto para ayudar como para tener una guia de memoria. Quieres contratarme? Déjame un mensaje.

More Posts - Website

Follow Me:
TwitterFacebookLinkedInGoogle Plus

  • Pingback: Bitacoras.com()

  • soy solo yo o no funcionan las funciones on ready, por no estar al principio de la pagina

    • No es eso, por algun extraño motivo esta escapando las comillas por lo que en vez de cargar jquery con src=\”http://….. intenta cargarlo con src=\\\”http://…….
      Debe ser alguna cosa que cambie al cambiar de theme
      Voy a intentar corregirlo lo antes posible. Gracias por señalarlo

  • para el place holder no es mas facil usar html5? <input name="nombre" type="text" placeholder="lo que quieras">

    • No todos los navegadores lo soportan aun, pero si, es mucho más fácil 😀

  • zogocho

    hola a todos soy zogocho, he corregido el codigo de fadeIn fadeOut ya que el que esta puesto no funciona

    $("#boton").click(function () {
    $("div:hidden:first").fadeIn("slow");
    });
    $("#boton2").click(function () {
    $("div:visible:last").fadeOut("slow");
    });

    saludos