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 <a href="/sl/markup/manual/html/attr/checked/">'označeno'</a>.
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).