Práctica con la biblioteca jQuery

Envuelva todos los párrafos p, dentro de los cuales haya una etiqueta b, en la etiqueta div.

Encuentre todos los párrafos p con la clase www, póngales al principio el texto '!', luego agregue a estos párrafos también los encabezados h1-h6 y píntelos a estos párrafos y encabezados en rojo.

Encuentre todos los párrafos p y reemplácelos por la etiqueta div con el mismo contenido.

Encuentre todas las casillas de verificación en la página y bloquee las pares de las encontradas.

Ponga a todas las no bloqueadas casillas de verificación el estado 'marcado'.

Dado el elemento #test. Ponga a su vecino inmediato de arriba el texto '!', y al vecino de abajo - el texto '?'. Resuelva el ejercicio en una sola cadena.

Dado el elemento #test. Ponga a sus vecinos inmediatos de arriba y de abajo el texto del elemento #test.

Dado el elemento #test. Encuentre entre sus vecinos de arriba el párrafo más cercano y póngale el texto del elemento #test.

Encuentre el segundo li en la página, agréguele la clase www, envuélvalo por dentro con la etiqueta i, inserte después de él un li con el texto 'hola'.

Encuentre el décimo li en la página, encuentre su padre, obtenga al vecino inmediato del padre de arriba, envuélvalo en <div class="www"></div>.

A cada párrafo p, excepto a los párrafos con la clase www, agregue al final su número de orden.

Encuentre todos los párrafos p y ponga antes de cada párrafo su copia. Pinte la copia en rojo, y el párrafo original en verde.

Encuentre los párrafos p que están inmediatamente debajo de h2 y mueva cada párrafo para que quede inmediatamente encima de h2.

Encuentre todos los párrafos vacíos p (sin texto) e inserte en ellos el texto del vecino inmediato de arriba.

Al padre de la etiqueta b, si es un elemento con la clase www o un párrafo p, póngale color rojo y tamaño de texto de 30px.

A todos los párrafos vacíos p póngales el texto de la etiqueta h2 más cercana a ellos hacia arriba.

Se dan campos de entrada con números. Haga que en los campos de entrada queden los cuadrados de estos números.

Dado el elemento #test. Póngale al principio el texto del vecino inmediato de arriba, y al final - el texto del vecino inmediato de abajo.

Dado el elemento #test. Encuentre a su segundo vecino de arriba y a su segundo vecino de abajo. Haga que los elementos encontrados intercambien texto (el vecino de arriba tome el texto del vecino de abajo y viceversa).

Dado el elemento div. Seleccione de él todos los hijos inmediatos, que no sean encabezados y píntelos en rojo.

Encuentre todos los párrafos p, píntelos en rojo. Luego seleccione entre los encontrados a los párrafos con la clase www y póngales el texto '!'.

Encuentre todos los párrafos p con la clase www, píntelos en rojo. Luego seleccione entre los párrafos encontrados el primero y póngale el texto '!', luego seleccione el último y a él póngale el texto '?'. Resuelva el ejercicio en una sola cadena.

Encuentre todos los párrafos p, póngale a cada uno de ellos al final el mismo texto, que tiene dentro (es decir, el texto en el párrafo quedará escrito dos veces).

Encuentre todos los párrafos p, póngale a cada uno de ellos al final su número de orden en el conjunto.

Se dan párrafos con números. Póngale a cada uno de ellos al final el número, que hay almacenado en él, multiplicado por su número de orden en el conjunto.

Al hacer clic en un párrafo p elimine a sus vecinos inmediatos de arriba y de abajo.

Al hacer clic en un párrafo p elimine a todos sus vecinos de arriba hasta el primer encabezado h1-h6 (es decir, los elementos que están por encima de este encabezado y el propio encabezado no hay que eliminarlos).

Al hacer clic en un párrafo p elimine a su vecino inferior más cercano con la clase www.

Al hacer clic en un párrafo p elimine a su quinto vecino de abajo.

Al hacer clic en un párrafo p elimine a su quinto vecino de abajo, si no es un h2.

Al hacer clic en un párrafo p elimine a su quinto vecino de abajo, si este vecino no tiene dentro la etiqueta b.

Al hacer clic en un párrafo p elimine a su quinto vecino de abajo, si este vecino no está inmediatamente después de h2.

Dado el elemento #test. Intercambie este elemento de lugar con su vecino inmediato de abajo.

Dado el elemento #test. Después de su vecino inmediato de abajo inserte una copia de nuestro elemento.

Dado el elemento #test. Intercambie este elemento de lugar con su vecino más cercano de abajo con la clase www.

Encuentre todos los párrafos p, que dentro de un mismo padre se encuentran entre un y otro h2.

Envuelva cada párrafo p por fuera y por dentro en div.

Encuentre todos los párrafos p, de los cuales el padre inmediato no es div y envuelva cada uno de ellos en <div class="www"></div>.

Encuentre todos los párrafos p. Elimine a su padre (hágale unwrap), si este padre no es un div con la clase www. Luego a aquellos párrafos, a los cuales se les eliminó el padre, envuélvalos en div con la clase zzz.

Encuentre todos los padres del elemento #test y cree un array con las clases CSS de estos padres.

Encuentre todos los párrafos p, que tengan el atributo class, y a cada uno de ellos envuélvalo en div con las mismas clases, como las del párrafo encontrado, y las clases de cada párrafo elimínelas junto con el atributo class.

Encuentre todos los párrafos p de #test, póngales al final el texto '!', luego excluya de los encontrados a los párrafos con la clase www y a los restantes póngales color rojo.

Encuentre todos los li en la página, luego antes del penúltimo de los encontrados inserte otro li con el texto 'punto'.

Encuentre todos los li en la página, luego seleccione entre los encontrados al segundo, tercero y cuarto desde el final y póngales el texto '!'.

Encuentre el ol con #test y reordene todos los li en él en orden inverso.

Dado el elemento #test. Encuentre a todos sus vecinos de arriba y a todos sus vecinos de abajo e intercámbielos de lugar (es decir, todo lo que está antes del elemento, debe quedar después de él y viceversa).

Obtenga todos los li con la clase www, píntelos en rojo, luego encuentre entre los encontrados aquellos li, que tengan la clase bbb y elimínelos. Resuelva todo en una sola cadena.

Obtenga todos los li en la página. A los pares de los obtenidos hágalos vacíos, y a los impares elimínelos.

Encuentre todas las etiquetas div y duplique su altura.

Encuentre la suma de las alturas de todos los div en la página.

Para el elemento #test encuentre al padre más cercano con la clase www, al final de este padre agregue un párrafo con el texto '!'.

Al hacer clic en el elemento #test encuentre a su padre más cercano con la clase www, dentro de este padre encuentre todos los párrafos y píntelos en rojo.

Pinte los primeros 10 li en la página en rojo.

Pinte del 5-to al 10-mo li en la página en rojo.

Encuentre los últimos 10 li en la página, píntelos en rojo. Luego de los encontrados encuentre los li pares y envuélvalos por dentro en la etiqueta b.

En la página se dan casillas de verificación. Calcule cuántas de ellas están marcadas.

Se dan 5 casillas de verificación. Haga que después de que el usuario marque dos de ellas, todas las casillas de verificación se bloqueen.

Haga que todas las marcadas casillas de verificación cambien su estado a no marcado y viceversa.

Dado un campo de entrada. Mueva el contenido del atributo value al atributo placeholder, y al atributo value elimínelo por completo.

Se da un enlace. Si el atributo href comienza con http://, agregue al enlace el atributo target="_blank".

Dado un campo de entrada, en el cual se puede ingresar un número. Haga que al ingresar un número en este campo y perder el foco en la página se busque la casilla de verificación con ese número y se marque, y las demás casillas de verificación se pongan como no marcadas.

Se dan una lista desplegable y botones de radio, la cantidad de botones de radio es igual a la cantidad de elementos en la lista desplegable. Haga que al elegir un elemento en la lista desplegable automáticamente se marque el botón de radio correspondiente (correspondencia por número de orden: el primer elemento de la lista - al primer botón de radio y así sucesivamente).