Los códigos más visitados de JQuery

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.



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

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.



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

Menú vertical multinivel responsivo, que funciona gracias a la librería jQuery.

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:

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

Juego de memoria en javascript y jquery en el que hay que encontrar las parejas de figuras iguales.

Script que genera números aleatorios de la lotería al clicar en un botón.

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

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.




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

Código que muestra como poner el separador (dos puntos) entre horas y minutos de manera automática.

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

En este simple ejemplo, muestro la manera mas simple de enviar una variable de JavaScript a PHP sin refrescar la página y mostrar el mensaje de respuesta del PHP si lo deseamos.

En este ejemplo, se muestra como aplicar el atributo de solo lectura readlonly a un cuadro de texto, como eliminarlo y como saber si esta aplicado o no dicho atributo.

En estos ejemplos, muestro como recorrer un json normal, y un json bidimensional con jquery.

Este código muestra una ventana en medio de la pantalla, la cual no desaparece hasta que se ha cargado el contenido entero de la pagina web.



El funcionamiento es simple, al cargar la página muestra la capa y hace una petición AJAX para cargar el contenido de nuestra página. Una vez se recibe el contenido de nuestra página, se elimina el mensaje.

Este simple código muestra como enviar un archivo y un texto mediante AJAX utilizando jquery, y obteniendo el resultado del mismo en JSON para mostrarlo al usuario.

Este código realiza una cuenta atrás utilizando "animation" de CSS para mostrar la barra de progreso y jquery para mostrar los valores a cada segundo.

Actualmente la cuenta atrás va de 10 a 0, pero si se desea modificar, se debe modificar la variable "contador" de js y el estilo "animation" de CSS poniendo en los dos lados el mismo valor.

La cuenta atrás, es iniciada desde jquery a los 500 milisegundos de cargar la pagina.

Se especifica la anchura de la barra en la case "meter" de css.

Una vez finalizado el tiempo, se ejecuta la función de js finalCuantaAtras() para poder ejecutar cualquier proceso.

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.

Código que muestra como cargar una pagina externa a modo de include() con jquery.

Este simple código, muestra como generar la pulsación de una tecla desde código

Código que muestra como añadir y eliminar filas de una tabla dada. Crea tantas columnas como la tabla tenga inicialmente.

Script que muestra como actualizar un select sin refrescar la página, obteniendo los valores del segundo select con AJAX de un archivo PHP. Se utiliza JQuery, y el contenido del segundo select se envia con JSON des de la pagina PHP.

Simple código que muestra un listado de imágenes en tamaño pequeño (thumbnails), y al pulsar sobre cada una de ellas, se visualiza dicha imagen en grande con una cruz para poder cerrarla.

Este simple código, muestra como añadir y quitar filas editables (<input>) de una tabla, y muestra los valores recibidos en PHP

Código que dada una cadena superior a 100 caracteres, la recorta y añade al final del mismo un texto de "(más)" para mostrar todo el contenido nuevamente. De igual forma, aparece el texto "(menos)" al final para recortarlo posteriormente.

El funcionamiento del mismo, es que se guardan las cadenas de texto en un array de valores de javascript, para de esta manera, poder visualizar nuevamente todo el contenido.

Simple ejemplo que muestra como utilizar el evento hover en jquery para mostrar u ocultar valores al pasar el ratón por encima.

Código que permite mostrar una capa para visualizar una secuencia de imágenes pulsando en las flechas de derecha e izquierda para ir moviéndote entre todas las imágenes.

Simple código que muestra como mediante jquery se puede visualizar el zoom de una imagen al ir pasando el ratón por encima.

Código que muestra como rotar una imagen dentro de un div, haciendo el efecto de entrar la imagen por el inicio y salir por el final del div al mismo tiempo.

Código que muestra como añadir o eliminar un estilo al <option> seleccionado en un <select>, permitiendo visualizar los valores seleccionados previamente.

esta porción de código la uso dentro de las web para controlar en inicio de sesión, validando si eres o no un humano, ya que antes de ingresar debes acertar la suma que te muestra.