Praksa za delo s knjižnico jQuery

Vse odstavke p, znotraj katerih je oznaka b, ovijte v oznako div.

Poiščite vse odstavke p z razredom www, postavite jim na začetek besedilo '!', nato tem odstavkom dodajte še naslove h1-h6 in obarvajte te odstavke in naslove v rdečo barvo.

Poiščite vse odstavke p in jih zamenjajte z oznako div z enako vsebino.

Poiščite vse potrditvena polja na strani in onemogočite sode med najdenimi.

Postavite vsem neonemogočenim potrditvenim poljem status 'označeno'.

Podan je element #test. Postavite njegovemu neposrednemu sosedu zgoraj besedilo '!', sosedu spodaj pa besedilo '?'. Rešite nalogo z eno verigo.

Podan je element #test. Postavite njegovim neposrednim sosedom zgoraj in spodaj besedilo elementa #test.

Podan je element #test. Poiščite med njegovimi sosedi zgoraj najbližji odstavek in mu postavite besedilo elementa #test.

Poiščite drugi li na strani, dodajte mu razred www, ovijte ga znotraj z oznako i, vstavite za njim li z besedilom 'zdravo'.

Poiščite deseti li na strani, poiščite njegovega starša, pridobite neposrednega soseda starša zgoraj, ovijte ga v <div class="www"></div>.

Vsakemu odstavku p, razen odstavkom z razredom www, dodajte na konec njegovo zaporedno številko.

Poiščite vse odstavke p in postavite pred vsak odstavek njegovo kopijo. Kopijo obarvajte v rdečo barvo, izvorni odstavek pa v zeleno.

Poiščite odstavke p, ki stojijo neposredno pod h2 in premaknite vsak odstavek tako, da stoji neposredno nad h2.

Poiščite vse prazne odstavke p (brez besedila) in vanje vstavite besedilo neposrednega soseda zgoraj.

Staršu oznake b, če je to element z razredom www ali odstavek p, postavite rdečo barvo in velikost besedila na 30px.

Vsem praznim odstavkom p postavite besedilo najbližjega jim zgoraj oznake h2.

Podani so vnosna polja s števili. Naredite tako, da v vnosnih poljih postanejo kvadrati teh števil.

Podan je element #test. Postavite mu na začetek besedilo neposrednega soseda zgoraj, na konec pa besedilo neposrednega soseda spodaj.

Podan je element #test. Poiščite njegovega drugega soseda zgoraj in njegovega drugega soseda spodaj. Naredite tako, da se najdeni elementa zamenjata z besedilom (sosed zgoraj vzame besedilo soseda spodaj in obratno).

Podan je element div. Izberite iz njega vse neposredne potomce, ki niso naslovi in jih obarvajte v rdečo barvo.

Poiščite vse odstavke p, jih obarvajte v rdečo barvo. Nato med najdenimi odstavki izberite odstavke z razredom www in jim postavite besedilo '!'.

Poiščite vse odstavke p z razredom www, jih obarvajte v rdečo barvo. Nato med najdenimi odstavki izberite prvega in mu postavite besedilo '!', nato izberite zadnjega in njemu postavite besedilo '?'. Rešite nalogo z eno verigo.

Poiščite vse odstavke p, postavite vsakemu izmed njih na konec isto besedilo, ki stoji znotraj njega (to pomeni, da bo besedilo v odstavku zapisano dvakrat).

Poiščite vse odstavke p, postavite vsakemu izmed njih na konec njegovo zaporedno številko v nizu.

Podani so odstavki s števili. Postavite vsakemu iz njih na konec število, ki je v njem shranjeno, pomnoženo z njegovo zaporedno številko v nizu.

Ob kliku na odstavek p izbrišite njegove neposredne sosede zgoraj in spodaj.

Ob kliku na odstavek p izbrišite vse njegove sosede zgoraj do prvega naslova h1-h6 (to pomeni, da elemente, ki stojijo nad tem naslovom in sam naslov ne smete brisati).

Ob kliku na odstavek p izbrišite njegovega najbližjega spodnjega soseda z razredom www.

Ob kliku na odstavek p izbrišite njegovega petega soseda spodaj.

Ob kliku na odstavek p izbrišite njegovega petega soseda spodaj, če to ni h2.

Ob kliku na odstavek p izbrišite njegovega petega soseda spodaj, če ta sosed nima znotraj sebe oznake b.

Ob kliku na odstavek p izbrišite njegovega petega soseda spodaj, če ta sosed ne stoji neposredno za h2.

Podan je element #test. Zamenjajte ta element z njegovim neposrednim sosedom spodaj.

Podan je element #test. Za njegovim neposrednim sosedom spodaj vstavite kopijo našega elementa.

Podan je element #test. Zamenjajte ta element z njegovim najbližjim sosedom spodaj z razredom www.

Poiščite vse odstavke p, ki znotraj enega starša ležijo med enim in drugim h2.

Ovijte vsak odstavek p zunaj in znotraj v div.

Poiščite vse odstavke p, pri katerih ni neposredni starš div in vsakega izmed njih ovijte v <div class="www"></div>.

Poiščite vse odstavke p. Izbrišite njihovega starša (naredite mu unwrap), če ta starš ni div z razredom www. Nato te odstavke, pri katerih je bil starš izbrisan, ovijte v div z razredom zzz.

Poiščite vse starše elementa #test in ustvarite seznam iz CSS razredov teh staršev.

Poiščite vse odstavke p, ki imajo atribut class, in vsakega izmed njih ovijte v div z enakimi razredi, kot jih ima najdeni odstavek, razrede vsakega odstavka pa izbrišite skupaj z atributom class.

Poiščite vse odstavke p iz #test, postavite jim na konec besedilo '!', nato iz najdenih izključite odstavke z razredom www in preostalim postavite rdečo barvo.

Poiščite vse li na strani, nato pred predzadnjega izmed najdenih vstavite še enega li z besedilom 'točka'.

Poiščite vse li na strani, nato med najdenimi izberite drugega, tretjega in četrtega od konca in jim postavite besedilo '!'.

Poiščite ol z #test in preuredite vse li v njem v obratnem vrstnem redu.

Podan je element #test. Poiščite vse njegove sosede zgoraj in vse njegove sosede spodaj ter jih zamenjajte (to pomeni, da mora vse, kar stoji pred elementom, priti za njim in obratno).

Pridobite vse li z razredom www, jih naredite rdeče, nato poiščite med najdenimi tiste li, ki imajo razred bbb in jih izbrišite. Rešite vse z eno verigo.

Pridobite vse li na strani. Sode izmed dobljenih naredite prazne, lihe pa izbrišite.

Poiščite vse oznake div in podvojite njihovo višino.

Poiščite vsoto višin vseh div na strani.

Za element #test poiščite najbližjega starša z razredom www, v konec tega starša dodajte odstavek z besedilom '!'.

Ob kliku na element #test poiščite njegovega najbližjega starša z razredom www, znotraj tega starša poiščite vse odstavke in jih obarvajte v rdečo barvo.

Obarvajte prvih 10 li na strani v rdečo barvo.

Obarvajte od 5-tega do 10-tega li na strani v rdečo barvo.

Poiščite zadnjih 10 li na strani, jih obarvajte v rdečo barvo. Nato med najdenimi poiščite sode li in jih ovijte znotraj v oznako b.

Na strani so podana potrditvena polja. Preštejte, koliko jih je označenih.

Podanih je 5 potrditvenih polj. Naredite tako, da potem, ko uporabnik označi dva izmed njih, se vsa potrditvena polja onemogočijo.

Naredite tako, da vsa označena potrditvena polja spremenijo svoje stanje v neoznačeno in obratno.

Podano je vnosno polje. Premaknite vsebino atributa value v atribut placeholder, sam atribut value pa popolnoma izbrišite.

Podana je povezava. Če se atribut href začne z http://, dodajte povezavi atribut target="_blank".

Podano je vnosno polje, v katerega lahko vnesete število. Naredite tako, da se ob vnosu števila v to polje in izgubi fokusa na strani poišče potrditveno polje s to številko in postane označeno, preostala potrditvena polja pa postanejo neoznačena.

Podan je seznam in radijski gumbi, število radijskih gumbov je enako številu točk na seznamu. Naredite tako, da ob izbiri točke na seznamu samodejno postane označen ustrezen radijski gumb (ujemanje po zaporedni številki: prva točka seznama - prvemu radijskemu gumbu in tako naprej).