Pratica con la libreria jQuery

Tutti i paragrafi p, all'interno dei quali è presente il tag b, avvolgili nel tag div.

Trova tutti i paragrafi p con la classe www, imposta all'inizio del loro testo '!', poi aggiungi a questi paragrafi anche gli intestazioni h1-h6 e colora questi paragrafi e intestazioni in rosso.

Trova tutti i paragrafi p e sostituiscili con il tag div con lo stesso contenuto.

Trova tutte le caselle di spunta sulla pagina e blocca quelle pari tra quelle trovate.

Imposta a tutte le caselle di spunta non bloccate lo stato 'selezionato'.

Dato l'elemento #test. Imposta al suo vicino diretto superiore il testo '!', e al vicino inferiore - il testo '?'. Risolvi l'esercizio con una sola catena.

Dato l'elemento #test. Imposta ai suoi vicini diretti superiori e inferiori il testo dell'elemento #test.

Dato l'elemento #test. Trova tra i suoi vicini superiori il paragrafo più vicino e impostagli il testo dell'elemento #test.

Trova il secondo li sulla pagina, aggiungigli la classe www, avvolgilo all'interno con il tag i, inserisci dopo di esso un li con testo 'ciao'.

Trova il decimo li sulla pagina, trova il suo genitore, ottieni il vicino diretto superiore del genitore, avvolgilo in <div class="www"></div>.

A ogni paragrafo p, eccetto i paragrafi con classe www, aggiungi alla fine il suo numero d'ordine.

Trova tutti i paragrafi p e metti prima di ogni paragrafo la sua copia. Colorare la copia in rosso, e il paragrafo originale in verde.

Trova i paragrafi p che si trovano direttamente sotto un h2 e sposta ogni paragrafo in modo che si posizioni direttamente sopra il h2.

Trova tutti i paragrafi vuoti p (senza testo) e inserisci in essi il testo del vicino diretto superiore.

Al genitore del tag b, se è un elemento con classe www o un paragrafo p, imposta il colore rosso e dimensione del testo a 30px.

A tutti i paragrafi vuoti p imposta il testo del tag h2 più vicino ad essi verso l'alto.

Sono dati input con numeri. Fai in modo che negli input compaiano i quadrati di questi numeri.

Dato l'elemento #test. Metti all'inizio il testo del vicino diretto superiore, e alla fine - il testo del vicino diretto inferiore.

Dato l'elemento #test. Trova il suo secondo vicino superiore e il suo secondo vicino inferiore. Fai in modo che gli elementi trovati si scambino il testo (il vicino superiore prenderà il testo del vicino inferiore e viceversa).

Dato l'elemento div. Seleziona da esso tutti i figli diretti, che non sono intestazioni e colorali in rosso.

Trova tutti i paragrafi p, colorali in rosso. Poi seleziona tra quelli trovati i paragrafi con classe www e impostagli il testo '!'.

Trova tutti i paragrafi p con classe www, colorali in rosso. Poi seleziona tra i paragrafi trovati il primo e impostagli il testo '!', poi seleziona l'ultimo e a lui imposta il testo '?'. Risolvi l'esercizio con una sola catena.

Trova tutti i paragrafi p, imposta a ognuno di essi alla fine lo stesso testo, che è presente al suo interno (cioè il testo nel paragrafo sarà scritto due volte).

Trova tutti i paragrafi p, imposta a ognuno di essi alla fine il suo numero d'ordine nell'insieme.

Sono dati paragrafi con numeri. Imposta a ognuno di essi alla fine il numero, che è memorizzato in esso, moltiplicato per il suo numero d'ordine nell'insieme.

Alla pressione su un paragrafo p elimina i suoi vicini diretti superiori e inferiori.

Alla pressione su un paragrafo p elimina tutti i suoi vicini superiori fino al primo intestazione h1-h6 (cioè gli elementi che si trovano sopra questa intestazione e l'intestazione stessa non devono essere eliminati).

Alla pressione su un paragrafo p elimina il suo vicino inferiore più vicino con classe www.

Alla pressione su un paragrafo p elimina il suo quinto vicino inferiore.

Alla pressione su un paragrafo p elimina il suo quinto vicino inferiore, se non è un h2.

Alla pressione su un paragrafo p elimina il suo quinto vicino inferiore, se questo vicino non ha al suo interno il tag b.

Alla pressione su un paragrafo p elimina il suo quinto vicino inferiore, se questo vicino non si trova direttamente dopo un h2.

Dato l'elemento #test. Scambia questo elemento di posto con il suo vicino diretto inferiore.

Dato l'elemento #test. Dopo il suo vicino diretto inferiore inserisci una copia del nostro elemento.

Dato l'elemento #test. Scambia questo elemento di posto con il suo vicino più vicino inferiore con classe www.

Trova tutti i paragrafi p, che all'interno di un genitore si trovano tra un h2 e un altro h2.

Avvolgi ogni paragrafo p all'esterno e all'interno in un div.

Trova tutti i paragrafi p, il cui genitore diretto non è un div e avvolgili ognuno in <div class="www"></div>.

Trova tutti i paragrafi p. Elimina il loro genitore (fagli unwrap), se questo genitore non è un div con classe www. Poi per i paragrafi, a cui è stato eliminato il genitore, avvolgili in un div con classe zzz.

Trova tutti i genitori dell'elemento #test e crea un array con le classi CSS di questi genitori.

Trova tutti i paragrafi p, che hanno l'attributo class, e ognuno di essi avvolgilo in un div con le stesse classi, come il paragrafo trovato, e le classi di ogni paragrafo eliminale insieme all'attributo class.

Trova tutti i paragrafi p all'interno di #test, impostagli alla fine il testo '!', poi escludi da quelli trovati i paragrafi con classe www e a quelli rimanenti imposta il colore rosso.

Trova tutti i li sulla pagina, poi prima del penultimo tra quelli trovati inserisci un altro li con testo 'punto'.

Trova tutti i li sulla pagina, poi seleziona tra quelli trovati il secondo, il terzo e il quarto dalla fine e impostagli il testo '!'.

Trova l'ol con #test e metti in ordine inverso tutti i li in esso contenuti.

Dato l'elemento #test. Trova tutti i suoi vicini superiori e tutti i suoi vicini inferiori e scambiali di posto (cioè tutto ciò che si trova prima dell'elemento, deve andare dopo di esso e viceversa).

Ottieni tutti i li con classe www, impostagli il colore rosso, poi trova tra quelli trovati i li, che hanno la classe bbb e eliminalli. Risolvi tutto con una sola catena.

Ottieni tutti i li sulla pagina. Rendi vuoti quelli pari tra quelli ottenuti, e elimina quelli dispari.

Trova tutti i tag div e raddoppia loro l'altezza.

Trova la somma delle altezze di tutti i div sulla pagina.

Per l'elemento #test trova il genitore più vicino con classe www, alla fine di questo genitore aggiungi un paragrafo con testo '!'.

Alla pressione sull'elemento #test trova il suo genitore più vicino con classe www, all'interno di questo genitore trova tutti i paragrafi e colorali in rosso.

Colora i primi 10 li sulla pagina in rosso.

Colora dal 5 al 10 li sulla pagina in rosso.

Trova gli ultimi 10 li sulla pagina, colorali in rosso. Poi tra quelli trovati trova i li pari e avvolgili all'interno nel tag b.

Sulla pagina sono date caselle di spunta. Calcola quante di esse sono selezionate.

Sono dati 5 caselle di spunta. Fai in modo che dopo che l'utente ne ha selezionate due, tutte le caselle di spunta vengano bloccate.

Fai in modo che tutte le caselle di spunta selezionate cambino il loro stato in non selezionato e viceversa.

Dato un input. Sposta il contenuto dell'attributo value nell'attributo placeholder, e l'attributo value eliminarlo completamente.

Data un link. Se l'attributo href inizia con http://, aggiungi al link l'attributo target="_blank".

Dato un input, in cui si può inserire un numero. Fai in modo che all'inserimento del numero in questo input e alla perdita del focus sulla pagina, venga cercata la casella di spunta con quel numero e diventi selezionata, e le altre caselle di spunta diventino non selezionate.

Dato un select e dei pulsanti radio, il numero dei radio è uguale al numero di opzioni nel select. Fai in modo che alla selezione di un'opzione nel select diventi automaticamente selezionato il corrispondente pulsante radio (corrispondenza per numero d'ordine: la prima opzione della lista - al primo radio e così via).