Praksa za rad sa jQuery bibliotekom
Sve paragrafe p, unutar kojih
postoji tag b, obmotite
u tag div.
Pronađite sve paragrafe p sa klasom
www, stavite im na početak tekst
'!', zatim dodajte tim paragrafima
još i naslove h1-h6 i
obojite te paragrafe i naslove u crvenu
boju.
Pronađite sve paragrafe p i zamenite ih
tagom div sa istim sadržajem.
Pronađite sve čekboksove na stranici i blokirajte parne od pronađenih.
Stavite svim
neblokiranim
čekboksovima
status <a href="/srl/markup/manual/html/attr/checked/">'obeležen'</a>.
Dat je element #test. Stavite njegovom neposrednom
susedu iznad tekst '!', a susedu
ispod - tekst '?'. Rešite zadatak jednom
lančanom vezom.
Dat je element #test. Stavite njegovim neposrednim
susedima iznad i ispod tekst elementa #test.
Dat je element #test. Pronađite među njegovim susedima iznad
najbliži paragraf i stavite mu tekst elementa
#test.
Pronađite drugi li na stranici,
dodajte mu klasu www, obmotite
ga unutar tagom i, umetnite posle
njega li sa tekstom 'zdravo'.
Pronađite deseti li na stranici,
pronađite njegovog roditelja, dobijte neposrednog
suseda roditelja iznad, obmotite ga u
<div class="www"></div>.
Svakom paragrafu p, osim paragrafa
sa klasom www, dodajte na kraj njegov
redni broj.
Pronađite sve paragrafe p i stavite
ispred svakog paragrafa njegovu kopiju. Kopiju obojite
u crvenu boju, a originalni paragraf u zelenu.
Pronađite paragrafe p, koji stoje
neposredno ispod h2
i pomerite svaki paragraf tako da on
dođe neposredno iznad h2.
Pronađite sve prazne paragrafe p
(bez teksta) i umetnite u njih tekst
neposrednog suseda iznad.
Roditelju taga b, ako je to
element sa klasom www ili paragraf
p, stavite crvenu boju i
veličinu
fonta na 30px.
Svim praznim paragrafima p stavite
tekst najbližeg njima iznad taga h2.
Data su polja za unos sa brojevima. Učinite da u poljima za unos budu kvadrati tih brojeva.
Dat je element #test. Stavite mu na početak tekst
neposrednog suseda iznad, a na kraj
- tekst neposrednog suseda ispod.
Dat je element #test. Pronađite njegovog drugog suseda
iznad i njegovog drugog suseda ispod. Učinite
da pronađeni elementi zamene
tekst (sused iznad uzme tekst suseda
ispod i obrnuto).
Dat je element div. Izaberite
iz njega sve neposredne potomke, koji
nisu naslovi i obojite ih u
crvenu boju.
Pronađite sve paragrafe p, obojite
ih u crvenu boju. Zatim izaberite među pronađenim
paragrafima paragrafe sa klasom www i stavite
im tekst '!'.
Pronađite sve paragrafe p sa klasom
www, obojite ih u crvenu boju.
Zatim izaberite među pronađenim paragrafima prvi
i stavite mu tekst '!', zatim izaberite
poslednji i njemu stavite tekst '?'.
Rešite zadatak jednom lančanom vezom.
Pronađite sve paragrafe p, stavite
svakom od njih na kraj isti tekst, koji
se nalazi unutar njega (to jest tekst u paragrafu
biće napisan dva puta).
Pronađite sve paragrafe p, stavite
svakom od njih na kraj njegov redni broj
u skupu.
Data su polja za unos sa brojevima. Stavite svakom od njih na kraj broj, koji se u njemu nalazi, pomnožen sa njegovim rednim brojem u skupu.
Na klik paragrafa p obrišite
njegove neposredne susede iznad i ispod.
Na klik paragrafa p obrišite
sve njegove susede iznad do prvog naslova
h1-h6 (to jest elemente, koji stoje
iznad tog naslova i sam naslov
ne treba brisati).
Na klik paragrafa p obrišite
njegovog najbližeg donjeg suseda sa
klasom www.
Na klik paragrafa p obrišite
njegovog petog suseda ispod.
Na klik paragrafa p obrišite
njegovog petog suseda ispod, ako to nije
h2.
Na klik paragrafa p obrišite
njegovog petog suseda ispod, ako taj sused
nema unutar sebe taga b.
Na klik paragrafa p obrišite
njegovog petog suseda ispod, ako taj sused
ne stoji neposredno posle h2.
Dat je element #test. Zamenite ovaj
element mestima sa njegovim neposrednim
susedom ispod.
Dat je element #test. Posle njegovog
neposrednog suseda ispod umetnite
kopiju našeg elementa.
Dat je element #test. Zamenite ovaj
element mestima sa njegovim najbližim susedom
ispod sa klasom www.
Pronađite sve paragrafe p, koji
unutar jednog roditelja leže između jednog
i drugog h2.
Obmotite svaki paragraf p spolja
i unutra u div.
Pronađite sve paragrafe p, kod
kojih neposredni roditelj nije div
i obmotite svaki od njih u <div class="www"></div>.
Pronađite sve paragrafe p. Obrišite
njihovog roditelja (učinite mu unwrap),
ako taj roditelj nije div sa klasom
www. Zatim za te paragrafe, kojima
je obrisan roditelj, obmotite u div
sa klasom zzz.
Pronađite sve roditelje elementa #test
i napravite niz od CSS klasa tih roditelja.
Pronađite sve paragrafe p, koji imaju
atribut class, i svaki od njih
obmotite u div sa istim klasama,
kao kod pronađenog paragrafa, a klase svakog
paragrafa obrišite zajedno sa atributom class.
Pronađite sve paragrafe p iz
#test, stavite im na kraj tekst
'!', zatim izuzmite iz pronađenih
paragrafe sa klasom www i preostalim
stavite crvenu boju.
Pronađite sve li na stranici,
zatim ispred pretposlednjeg od pronađenih umetnite
još jedan li sa tekstom 'stavka'.
Pronađite sve li na stranici,
zatim izaberite među pronađenim drugi, treći
i četvrti sa kraja i stavite im tekst
'!'.
Pronađite ol sa #test
i preuredite sve li
u njemu u obrnutom redosledu.
Dat je element #test. Pronađite sve njegove
susede iznad i sve njegove susede ispod i
zamenite im mesta (to jest sve, što stoji
pre elementa, treba da dođe posle njega i obrnuto).
Dobijte sve li sa klasom
www, stavite im crvenu boju, zatim
pronađite među pronađenim te li,
koji imaju klasu bbb i obrišite
ih. Rešite sve jednom lančanom vezom.
Dobijte sve li na stranici. Parne
od dobijenih učinite praznim, a
neparne obrišite.
Pronađite sve tagove div i udvostručite
im visinu.
Pronađite zbir visina svih div
na stranici.
Za element #test pronađite najbližeg
roditelja sa klasom www, na kraj tog
roditelja dodajte paragraf sa tekstom '!'.
Na klik elementa #test pronađite njegovog
najbližeg roditelja sa klasom www, unutar
tog roditelja pronađite sve paragrafe i obojite ih
u crvenu boju.
Obojite prvih 10 li
na stranici u crvenu boju.
Obojite od 5-og do 10-og li
na stranici u crvenu boju.
Pronađite poslednjih 10 li
na stranici, obojite ih u crvenu
boju. Zatim iz pronađenih pronađite parne li
i obmotite ih unutar u tag b.
Na stranici su dati čekboksovi. Izračunajte, koliko je njih obeleženo.
Data je 5
čekboksova.
Učinite da posle toga, što je korisnik
obeležio dva od njih, svi čekboksovi
budu blokirani.
Učinite da svi obeleženi čekboksovi promene svoje stanje u neobeleženo i obrnuto.
Dat je polje za unos.
Prebacite sadržaj atributa value u atribut
placeholder,
a sam atribut value obrišite potpuno.
Data je veza.
Ako atribut href počinje sa http://,
dodajte vezi atribut target="_blank".
Dat je polje za unos, u koje se može uneti broj. Učinite, da prilikom unosa broja u ovo polje za unos i gubljenja fokusa na stranici se traži čekboks sa tim rednim brojem i postaje obeležen, a ostali čekboksovi postaju neobeleženi.
Dat je padajući meni i radio dugmad, broj radio dugmadi jednak je broju stavki u padajućem meniju. Učinite da prilikom izbora stavke u padajućem meniju automatski postaje obeleženo odgovarajuće radio dugme (podudarnost po rednom broju: prva stavka liste - prvom radio dugmetu i tako dalje).