Seleccionar el padre más cercano con jQuery En este tutorial aprenderemos cómo seleccionar el padre más cercano de un elemento con jQuery, es decir, el elemento inmediatamente superior en el arbol del DOM. Método .closest() Debemos seleccionar el elemento y seleccionar a su ancestro más cercano con la función closest() […]
Categoría jQuery
28 entradas
Comprobar si un elemento está oculto o visible con jQuery En este tutorial aprenderemos varias formas para averiguar si un elemento está visible o no en la página utilizando jQuery. Método is(«:visible») La función .is(«:visible») devuelve true si el elemento está visible en la página y por el contrario devuelve […]
Activar botón o enlace con jQuery En este tutorial aprenderemos cómo activar un botón o un enlace para que ejecute su función como si hiciésemos click sobre él con el ratón. Función trigger(«click») Podemos ejecutar dinámicamente eventos en un elemento con la función trigger() Veamos un ejemplo <!-- Botón de […]
Abrir un modal bootstrap desde jQuery En este tutorial aprenderemos cómo activar un modal de bootstrap desde un script con jQuery sin tener que crear un enlace o un botón. Veamos primero el código de un modal básico de bootstrap que se abre mediante un botón. <!-- Enlace para abrir […]
Eliminar el padre de un elemento con jQuery En este tutorial aprenderemos cómo eliminar dinámicamente el padre de un elemento con jQuery. En algunas ocasiones el elemento padre no tiene una id o clase única pero podemos identificarlo por alguno de sus hijos directos. Veamos un ejemplo de un elemento […]
Poner navegador en pantalla completa con jQuery En este tutorial aprenderemos cómo hacer que el navegador cambie al modo de pantalla completa mediante jQuery. Usaremos dos funciones para cambiar el navegador a pantalla completa y viceversa, utilizando un método diferente dependiendo del navegador que estemos usando. Función Pantalla completa La […]
Eliminar elemento con jQuery En este tutorial aprenderemos cómo podemos eliminar un elemento con jQuery sin actualizar la página. función remove() Con la función remove() de jQuery podemos eliminar cualquier elemento del DOM, su contenido, además de sus hijos y el contenido de los mismos si los hubiera. Veamos un […]
Detectar checkbox seleccionado con jQuery En este tutorial aprenderemos cómo detectar cuando se ha seleccionado un checkbox en una página para realizar alguna acción. Evento change Con jQuery podemos crear un evento change para que actúe cuando el estado de un elemento ha cambiado. Si lo que queremos es controlar […]
Obtener checkbox seleccionados con jQuery En este tutorial aprenderemos cómo obtener todos los checkbox que están seleccionados en una página. Obtener checkbox seleccionados Con el método each() recorremos todos los checkbox que están seleccionados y obtenemos su valor <script> $("input[type=checkbox]:checked").each(function() { alert("Seleccionado el input " + $(this).val()); }); </script> Podemos […]
Si un checkbox está seleccionado con jQuery En este tutorial aprenderemos cómo podemos acceder a un elemento checkbox y saber si está seleccionado o no. Método prop() Podemos acceder a la propiedad checked mediante el método prop() y ver si su estado es true o false, es decir, si está […]
Adaptar imagen a un div con jQuery En este tutorial aprenderemos cómo utilizar el plugin de jQuery imgLiquid para adaptar una imagen al tamaño de un div. Lo primero que debemos hacer es descargar el plugin de la página de jQuery Descargar plugin Hacemos click en «Download now» para descargar […]
Comprobar si existe un elemento con jQuery En este tutorial aprenderemos cómo comprobar si existe un elemento que queremos seleccionar. Propiedad length Como jQuery trata a todos los elementos de la página como objetos, la mejor forma de comprobar si existe es con la propiedad length. Si un objeto existe, […]
Scroll lento hacia enlaces ancla con jQuery En este tutorial aprenderemos a crear enlaces ancla y hacer con jQuery que la página haga un scroll suave hacia ellos. Si no tienes todavía enlazado jquery en tu proyecto puedes seguir nuestro tutorial Enlazar proyecto con jQuery Enlaces ancla Para crear un […]
Eventos de ratón en jQuery En este tutorial aprenderemos cómo capturar eventos de ratón. Que tipos existen y cómo controlar el botón pulsado en cada momento. Si no tienes todavía enlazado jQuery en tu proyecto puedes seguir nuestro tutorial Enlazar proyecto con jQuery Eventos de ratón En jQuery existen varios […]
Actualizar página cada x tiempo con jQuery En este tutorial aprenderemos cómo actualizar una página automáticamente cada cierto tiempo utilizando el lenguaje jQuery. Si no tienes todavía enlazado jQuery en tu proyecto puedes seguir nuestro tutorial Enlazar proyecto con jQuery Actualizar página Para actualizar la página completamente usaremos la función […]
Actualizar página con jQuery En este tutorial vamos a aprender cómo podemos recargar (actualizar) la página utilizando el lenguaje jQuery. Si no tienes todavía enlazado jquery en tu proyecto puedes seguir nuestro tutorial Enlazar proyecto con jQuery Función reload() La manera más sencilla de hacerlo es con la función reload() […]
Recorrer elementos con jQuery En este tutorial aprenderemos cómo podemos recorrer (iterar) elementos del DOM del mismo tipo con el método each(). Si no tienes todavía enlazado jQuery en tu proyecto puedes seguir nuestro tutorial Enlazar proyecto con jQuery. Método each() Éste método funciona como un bucle foreach y nos […]
jQuery cuando cargue la página En este tutorial vamos a aprender cómo ejecutar funciones jQuery cuando la página esté cargada completamente. Ejecutar al cargar la página jQuery detecta cuando la página se ha cargado completamente y podemos crear eventos o ejecutar funciones mediante la sentencia $(document).ready(function(){ //Código que se ejecutará […]
Obtener valor de pageSize en jTable En este tutorial aprenderemos cómo obtener el valor actual de pageSize (paginación) en jTable. Podemos acceder al valor del pageSize (paginación actual) de una tabla jTable con jQuery accediendo al option pageSize. Ejemplo Veamos un ejemplo de una tabla con id = personas //Al […]
Añadir y quitar clases con jQuery En este tutorial aprenderemos cómo añadir y quitar clases css a elementos de la página con jQuery. Si no tienes todavía enlazado jquery en tu proyecto puedes seguir nuestro tutorial Enlazar proyecto con jQuery Ejemplo Supongamos que tenemos un fichero css como este con […]
Ocultar y mostrar elementos con jQuery Si no tienes todavía enlazado jquery en tu proyecto puedes seguir nuestro tutorial Enlazar proyecto con jQuery Métodos fadeOut() y fadeIn() Podemos hacer desaparecer un elemento con jQuery utilizando el evento fadeOut() y hacerlo reaparecer de nuevo con fadeIn() Veamos un ejemplo <!--Elemento que […]
Eventos mousedown y mouseup en jQuery En este tutorial veremos un caso práctico del uso de los eventos mousedown y mouseup. Lo que ocurre cuando hacemos click con el botón izquierdo del ratón y cuando lo soltamos. Si no tienes todavía enlazado jquery en tu proyecto puedes seguir nuestro tutorial […]
Enlazar proyecto con jquery En este tutorial aprenderemos cómo enlazar nuestro documento html con jQuery para poder utilizar las funciones de este estupendo lenguaje. Lo primero que tenemos que hacer es enlazar con jQuery en el header de nuestro documento html. Descargar jQuery Nos vamos a la página https://jquery.com y hacemos […]
Seleccionar option de un select con jQuery En este tutorial aprenderemos cómo seleccionar una opción de un select con jQuery como si hiciéramos click con el ratón en él. Si no tienes todavía enlazado jquery en tu proyecto puedes seguir nuestro tutorial Enlazar proyecto con jQuery Ejemplo Veamos un ejemplo […]