Cómo seleccionar hijos con jQuery: El uso de find()

Este es otro tip post para resolver algún problema recurrente. En esta ocasión hablaré cómo podemos seleccionar hijos con jQuery empleando el método find(). También hablaré que diferencia hay entre el este método y el método filter() que expliqué en otra ocasión. Al emplear el método find() creamos un nuevo …

Controlar el comportamiento de un link con jQuery

En este post veremos los diferentes cambios que podemos hacer sobre un link con jQuery como cambiar su atributo href, desactivarlo o que abra una ventana nueva. Te recomiendo complementar este post con el de eventos jQuery para que puedas cambiar el comportamiento del vínculo en función de la acción …

Cómo cambiar una imagen con jQuery

En un post anterior expliqué cómo precargar imágenes y un ejemplo donde cambiábamos la imagen al pasar el ratón por encima. En dicho ejemplo se cambiaba el atributo src pero, en este post voy a mostrar cómo cambiar una imagen en jQuery con el método replaceWith(). Al emplear el método replaceWith, …

Cómo precargar imágenes con jQuery

En este post explicaré cómo precargar imágenes con jQuery para poder mejorar la experiencia del usuario de vuestra página. Cuando queremos cambiar una imagen por otra (en CSS) cuando sucede un evento, pasarle el ratón por encima, el navegador tiene que descargar la nueva imagen que puede dar un retraso …

Cómo crear el efecto slide en jQuery

El efecto slide en jQuery consiste en deslizar un elemento hasta que desaparezca o aparezca en nuestra vista. Este post explicará cómo crear el efecto slide con las diferentes funciones que nos proporciona jQuery. Como sucede con las otras animaciones, podremos asignar una velocidad en milisegundos para conseguir que la …

Efectos de jQuery: Mostrar y ocultar elementos con jQuery

Seguramente te hayas encontrado en la situación de tener que mostrar u ocultar elementos. Esto se puede hacer con JavaScript pero, jQuery proporciona un conjunto de funciones que permiten mostrar y ocultar elementos. En este post voy a mostrar funciones básicas para mostrar y ocultar elementos con jQuery. Para usar esos …

Eventos en jQuery: La delegación de eventos

En el post anterior sobre administración de eventos avanzados, comenté que el método on() tiene un segundo argumento que es un selector. Este argumento puede ser cualquier selector de jQuery valido como podría ser un ID, clase, elemento… Para hacer un poco de memoria, el.on() funcionaba de la siguiente manera. …

Eventos en jQuery: Manejo de eventos avanzado

Aunque puedas aprovechar las ventajas de los métodos de eventos y conceptos explicado hasta ahora, siempre se puede ir más allá. Para sacar todavía más partido a los eventos de jQuery, voy a explicar como funciona la función on() que permite un manejo de eventos avanzado. A diferencia de métodos …