Resetear select con jquery En este tutorial aprenderemos cómo resetear un elemento select 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 options del […]
jquery
26 entradas
Añadir atributo a elemento con jQuery En este tutorial aprenderemos cómo añadir atributos a elementos html dinámicamente y obtener su valor con jQuery. Método .prop(«nombre»,»valor») Veamos un ejemplo <div id="cabecera"></div> <script> // Seleccionamos el elemento con id=cabecera y le añadimos el atributo title $("#cabecera").prop("title","Cabecera de la página"); // El 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 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 […]
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() […]
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 […]
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 […]
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 […]
Scroll lento hacia enlaces ancla con jQuery En este tutorial aprenderemos a crear enlaces ancla y hacer que la página haga un scroll suave hacia ellos con jQuery. Si no tienes todavía enlazado jQuery en tu proyecto puedes seguir nuestro tutorial Enlazar proyecto con jQuery Enlaces ancla Para crear un […]
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 […]
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 […]
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 […]
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 […]
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 […]
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 […]
Acceder al contenido de un select con jQuery En este tutorial aprenderemos cómo acceder al contenido de un select y obtener sus valores con jquery. Ejemplo Veamos un ejemplo sencillo <select id="menu"> <option value="1">Opción 1</option> <option value="2">Opción 2</option> <option value="3">Opción 3</option></select> Podemos obtener el valor del option 2 de esta […]