JQuery

Método para añadir una o varias filas adicionales a una determinada tabla usando la función after() de jQuery. A continuación un ejemplo: <table id="js-tabla"> <tbody> <tr> <td>Uno</td> </tr> <tr> <td>Dos</td> </tr> <tr> <td>Tres</td> </tr> </tbody> </table> En este caso añadimos […]

Leer más...

Código jQuery para crear el efecto del típico botón de «ir arriba» de la página con una simple animación: $('.boton-top').click(function(){ $('body,html').animate({scrollTop : 0}, 500); return false; }); <span class="boton-top">Ir arriba</span> Y si por ejemplo, quieres que el botón solo sea […]

Leer más...

Para mover o copiar un elemento de un lugar a otro existe la función appendTo() de jquery, que se encarga de tomar un elemento y moverlo a otro lugar del DOM de nuestra página. Un ejemplo; en el siguiente html […]

Leer más...

3 formas diferentes de acceder a los elementos «hijos» de un elemento desde el selector $(this) de jquery: Mejor verlo en funcionamiento con un ejemplo sobre un html básico, donde queremos acceder (al hacer «hover» sobre un elemento con clase […]

Leer más...

Para averiguar si un elemento esta oculto (display: none) o visible (display: block) en css usando jQuery podemos utilizar el selector «visible» del siguiente modo: if( $('.mi-elemento').is(":visible") ){ alert('Elemento visible'); }else{ alert('Elemento oculto'); } Este selector jquery actúa solo con […]

Leer más...

Sencillo script jQuery para crear un botón para imprimir página, usando la función print() de javascript. $('.imprimir').click(function(){ window.print(); return false; }); Y el html: Pulsa <a class="imprimir" href="#">aquí</a> para imprimir página En otro post ya escribí como Imprimir pantalla con […]

Leer más...

Una forma rápida para reemplazar tags html usando jQuery, haciendo uso de las funciones wrap() y unwrap(). Un ejemplo para entender el funcionamiento; vamos a reemplazar todos los tags «a» (enlaces) del documento y los vamos a reemplazar por «strong» […]

Leer más...

Simple condicional en javascript usando jQuery para detectar si el usuario accede a tu página desde un dispositivo móvil, android, iphone, tablets, ipad, etc… if($.browser.device = (/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(navigator.userAgent.toLowerCase()))){ alert('Hola! Entras desde un dispositivo móvil o tablet!'); }

Leer más...

Si usais el plugin jquery cycle de M. Alsup y tenéis una página responsive, a continuación un ejemplo de como configurarlo para hacerlo también adaptable en anchura y altura. Lo primero y más importante configurar el script cycle. Tenemos que […]

Leer más...