Categoría jQuery
36 entradas
Varios métodos para comprobar si un elemento está visible o está oculto en la página utilizando jQuery.
En este tutorial aprenderemos a cambiar el pageSize de una tabla jTable accediendo a la propiedad pageSize con jQuery.
Aprende cómo acceder al contenido de un elemento select y obtener el valor de la opción seleccionada con jQuery
Cómo cambiar las traducciones de jtable de manera sencilla al español o personalizar los mensajes a nuestro gusto.
Cómo seleccionar elementos de la página por etiqueta, id, clases, atributos, etc.. utilizando jQuery.
En este tutorial aprenderemos cómo eliminar un elemento seleccionando a un hijo directo del mismo con la función remove.
Cómo activar un modal de bootstrap desde un script con jQuery sin tener que crear un enlace o un botón.
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á […]
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 La primera opción para añadir jQuery a […]
Desactivar autoguardado de jTable En este tutorial aprenderemos cómo cambiar las preferencias de jTable para que no realice el autoguardado automático en caché. Jtable por defecto guarda preferencias del usuario como la paginación, columnas redimensionadas, nombres de columnas, etc De este modo, aunque actualicemos la página o cerremos el navegador, […]
Detectar checkbox seleccionado con jQuery En este tutorial aprenderemos cómo detectar cuándo 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 […]
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 […]
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 […]
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() […]
En este tutorial veremos cómo validar una fecha introducida en un campo input de tipo fecha con jQuery. Validación de la fecha Los campos de tipo fecha permiten seleccionar una fecha con el ratón pero también escribirla manualmente. El problema cuando se introduce manualmente es que es posible cometer errores, […]
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 […]
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 […]
Eventos mousedown y mouseup en jQuery En este tutorial veremos un caso práctico del uso de los eventos mousedown y mouseup con jQuery. 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 […]
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 […]
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 […]
Comprobar si existe un elemento con jQuery En este tutorial aprenderemos cómo comprobar si existe un elemento el el DOM para que podamos seleccionarlo o usarlo con seguridad. Propiedad length Como jQuery trata a todos los elementos de la página como objetos, la mejor forma de comprobar si existe es […]