jquery
28 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.
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 […]
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 […]
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 […]
Resetear select con jquery En este tutorial aprenderemos cómo resetear un elemento select con jQuery para que ningún option esté seleccionado. Resetear select Vamos a utilizar este método que creo que es el más sencillo sobre el select con id = select-element De esta forma accedemos a todos los […]
Activar botón o enlace con jQuery En este tutorial aprenderemos cómo activar un botón o un enlace con jQuery 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 <!-- […]
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 […]