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 'obeležen'.

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).