Eventos especiales JQuery

Hola, realmente no sabia como ponerle de título a este post así que opte por dejarle el de eventos especiales, pero por qué este título algo raro?, pues bien, en JQuery disponemos de algunos eventos que ofrecen funcionalidades diferentes, en este post voy a mostrar 3 de esos eventos.

  1. one: Ejecuta la función una única vez, es decir, se ejecuta la función asociada y luego queda desactivada, la sintaxis general es: $(“selector”).one(“evento”, function(){})
  2. trigger: Ejecuta el evento de un elemento, es decir, le decimos, le decimos a un elemento que dispare cierto evento sin que este se genere, por ejemplo podriamos mandar ejecutar el click de un botón. La sintaxis general es: $(“selector”).trigger(“evento”)
  3. toggle: Permite ejecutar diferentes funciones a medida que se da click sobre un elemento, si la función toggle no tiene parámetros el comportamiento por default es ocultar/mostrar el elemento además que es posible especificarle un efecto para adornar un poco el ocultar mostrar el elemento. La sintaxis sin parámetros es: $(“selector”).toogle() y con parámetros es: $(“selector”).toggle(function(){ //codigo}, function() { //codigo} })

Ha sido un post muy corto ya que el tema asi lo es, espero les sea de utilidad, como siempre bajo encuentran un link para la descarga de un ejemplo que implementa estas 3 funciones.

En el próximo post veremos como insertar y trabajar con contenido HTML.

Link al ejemplo !!

You may also like...

2 Responses

  1. Erick Orlando says:

    No se pueden descargar los ejemplos debido a que el enlace está roto, por favor arregla eso.
    Gracias!

  1. February 28, 2011

    [...] JQuery vimos como asignar eventos a los elementos del DOM y algunos eventos especiales (post1, post2), hoy vamos a ver como eliminar los eventos asociados a un [...]

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Follow

Get every new post on this blog delivered to your Inbox.

Join other followers: