jQuery
jQuery
¡INSCRÍBETE A CUALQUIER CURSO CON UN 50% DE DESCUENTO PARA NUEVOS CLIENTES!

jQuery es probablemente la libreria javascript más utilizada actualmente, para cualquier desarrollador web es “obligatorio” conocer jQuery por lo menos a un nivel básico, detectar eventos, hacer peticiones ajax, hacer uso de timeouts para controlar tiempos etc.

Nosotros vamos a seguir aprendiendo partiendo de la base que ya has visitado el tutorial jQuery para programadores web, el cuál viene a ser la primera parte de éste.

En esta ocasión vamos a ver el evento off, que es la posibilidad que nos da jQuery para desactivar el evento on.

También veremos como lanzar distintos eventos sobre el mismo selector con un código limpio.

Veremos algunas de las propiedades que tenemos disponibles al interactuar sobre un elemento del dom, y como capturarlas.

Finalmente veremos como delegar eventos y también como desactivar eventos delegados.

¿Te interesa el curso de jQuery?

obtén más información ahora

En cursosdesarrolloweb tienes toda la información que puedas necesitar sobre el curso de jQuery y muchos más.


Desactivando con jQuery

Gracias a off, podemos desvincular los eventos que hay actualmente sobre un selector, la forma es la siguiente.

Crea un archivo html y coloca el siguiente código.

Y ahora uno llamado functions.js y añade el siguiente código.

Si pulsas en el primer div, verás como cambia la clase y pasa a activo, si pulsas en desactivarPulsa1 verás como cambia la clase de pulsa1, y la próxima vez que pulses, ya no funcionará, ésto es porque le hemos dicho con jQuery que “apague los eventos” de pulsa1.

Múltiples acciones con jQuery

Ahora añade a continuación del último div el siguiente.

Y a continuación del js el siguiente.

De esta forma tan sencilla podemos obtener varios eventos del mismo elemento y asignarle a cada uno de ellos una acción distinta, puede ser muy útil, y queda claro que es más limpio que ir escribiendo cada uno de los eventos que queremos capturar.

Capturando los eventos de un elemento con jQuery

Ahora añade en el html el siguiente código.

Y haz lo mismo con el archivo js.

Si interactuas con esta última parte, verás como aparece la información en la consola, haz tus pruebas.

Delegacion de eventos en jQuery

Finalmente añade el siguiente código en el html.

Y ahora lo mismo con el js.

Y éso ha sido todo, en próximas ocasiones seguiremos viendo algo más sobre jQuery, para mi, la mejor libreria javascript que existe, espero que te haya gustado y te sea útil.