Códigos Fuente de JQuery

Mostrando del 1 al 10 de 118 registros
<<>>
Imágen de perfil
Val: 319
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Cambiar el color de una fila al seleccionar un checkbox con jquery


JQuery

estrellaestrellaestrellaestrellaestrella(4)
Actualizado el 12 de Febrero del 2021 por Xve (294 códigos) (Publicado el 25 de Abril del 2017)
5.543 visualizaciones desde el 25 de Abril del 2017
Este código, muestra como seleccionar toda una fila de una tabla y ponerle o quitarle un estilo al <tr> según si el usuario a marcado o desmarcado el checkbox de la fila.

checkbox-selecciona-fila-tabla


El mismo código con JavaScript: https://www.lawebdelprogramador.com/codigo/JavaScript/6879-Cambiar-el-color-de-una-fila-al-seleccionar-un-checkbox-con-JavaScript.html
Imágen de perfil
Val: 319
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Calculo para el sistemas de numerología en JavaScript


JQuery

estrellaestrellaestrellaestrellaestrella(4)
Actualizado el 10 de Enero del 2021 por Xve (294 códigos) (Publicado el 26 de Marzo del 2015)
5.828 visualizaciones desde el 26 de Marzo del 2015
Aquí he desarrollado un código con javascript y jquery donde realizo un calculo de numerología.

Este calculo, lo que hace es:

1.- Sumar las letras de tu nombre en relación a la tabla:
1
2
3
4
1 2 3 4 5 6 7 8 9
a b c d e f g h i
j k l m n o p q r
s t u v w x y z

Donde si tu nombre es "jose", tus valores numéricos son: 1 6 1 5 que sumados son: 13 que sumados son 4

2.- sumar los valores de tu fecha de nacimiento para devolver un valor numérico. Si ese valor números es superior a 10, se suman los dígitos del resultado.
Ejemplo: 27/9/1970 = 35 = 8
Imágen de perfil
Val: 319
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Obtener todos los valores de una columna pulsando un botón en dicha columna con JQuery


JQuery

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 11 de Diciembre del 2020 por Xve (294 códigos)
624 visualizaciones desde el 11 de Diciembre del 2020
En este ejemplo, se muestra como obtener el contenido de todos los <td> de una columna cualquiera de una tabla pulsando un botón ubicado en dicha columna.

coger-valor-columna


Aquí el mismo ejemplo obteniendo el contenido de la fila: https://www.lawebdelprogramador.com/codigo/JQuery/3134-Obtener-todos-los-valores-de-una-fila-pulsando-un-boton-en-dicha-fila-con-JQuery.html

Aquí el mismo código con JavaScript: https://www.lawebdelprogramador.com/codigo/JavaScript/6765-Obtener-todos-los-valores-de-una-columna-pulsando-un-boton-en-dicha-columna-con-JavaScript.html
Imágen de perfil
Val: 319
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Obtener todos los valores de una fila pulsando un botón en dicha fila con JQuery


JQuery

estrellaestrellaestrellaestrellaestrella(20)
Actualizado el 11 de Diciembre del 2020 por Xve (294 códigos) (Publicado el 13 de Abril del 2015)
68.110 visualizaciones desde el 13 de Abril del 2015
En este ejemplo, se muestra como obtener el contenido de todos los <td> de una fila cualquiera de una tabla pulsando un botón ubicado en dicha fila.

coger-valores-fila


El mismo código pero obteniendo los valores de las columnas: https://www.lawebdelprogramador.com/codigo/JQuery/6764-Obtener-todos-los-valores-de-una-columna-pulsando-un-boton-en-dicha-columna-con-JQuery.html

Aquí el mismo código con JavaScript
https://www.lawebdelprogramador.com/codigo/JavaScript/4426-Obtener-todos-los-valores-de-una-fila-pulsando-un-boton-en-dicha-fila-con-JavaScript.html
Imágen de perfil
Val: 246
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Cambiar los caracteres introducidos a mayúsculas con JQuery


JQuery

Publicado el 6 de Agosto del 2020 por Joel (146 códigos)
667 visualizaciones desde el 6 de Agosto del 2020
Evento de jquery para mostrar siempre los caracteres introducidos por el usuario en mayúsculas, tanto en los textarea como en los input type=text
Imágen de perfil
Val: 246
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Seleccionar la opción de menú según la pagina donde estamos con JQuery


JQuery

Actualizado el 30 de Junio del 2020 por Joel (146 códigos) (Publicado el 28 de Junio del 2020)
978 visualizaciones desde el 28 de Junio del 2020
Código de busca la url de la pagina donde nos encontramos dentro de las urls del menú de nuestra pagina y añade un estilo a dicho enlace para diferenciarlo del resto. En este ejemplo se añade el estilo CSS "selected" que lo pone en negrita.

Puedes ver el mismo código en JavaScript en: https://www.lawebdelprogramador.com/codigo/JavaScript/6328-Seleccionar-la-opcion-se-menu-segun-la-pagina-donde-estamos-con-JavaScript.html
Imágen de perfil
Val: 246
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Separador de horas y minutos (:) automáticamente con jquery


JQuery

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 11 de Junio del 2020 por Joel (146 códigos)
634 visualizaciones desde el 11 de Junio del 2020
Código que muestra como poner el separador (dos puntos) entre horas y minutos de manera automática.
Imágen de perfil

Efecto acordeon con JQuery


JQuery

Publicado el 10 de Junio del 2020 por Administrador (705 códigos)
557 visualizaciones desde el 10 de Junio del 2020
El efecto acordeon de jquery es útil para mostrar mucho contenido en un espacio reducido, un buen ejemplo de ello, pueden ser las FAQ.

acordeon-jquery
Imágen de perfil
Val: 17
Ha aumentado 1 puesto en JQuery (en relación al último mes)
Gráfica de JQuery

Mover una imagen de un div a otro div con JQuery


JQuery

Publicado el 3 de Marzo del 2020 por Info (97 códigos)
1.344 visualizaciones desde el 3 de Marzo del 2020
Este simple código muestra como mover un elemento de una ubicación a otra.

En este ejemplo, se mueve una imagen de dentro de un div a otro div.

5e5e99bc3d28f-mover-elemento-javascript


Puedes ver la misma versión en JavaScript Vanilla: https://www.lawebdelprogramador.com/codigo/JavaScript/5991-Mover-una-imagen-de-un-div-a-otro-div-con-JavaScript.html
Imágen de perfil
Val: 310
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Calendario en jquery


JQuery

Actualizado el 24 de Diciembre del 2019 por Xavi (548 códigos) (Publicado el 7 de Julio del 2014)
4.405 visualizaciones desde el 7 de Julio del 2014
Código que muestra como crear un calendario en javascript utilizando jquery. Este calendario permite moverse por los meses y mostrar la fecha en el formato deseado cuando se pulsa sobre cualquier fecha.

calendario-jquery