Animacije i efekti
Sakrivanje i pojavljivanje elemenata na stranici je uobičajen zadatak za JavaScript. Kao posledica jednostavnosti selektovanja elemenata i posedovanja rukovodilaca animacije (animation helpers), jQuery biblioteka može poslužiti za pravljenje jednostavnih animacija i efekata. U tom segmentu biblioteka se posebno ističe, jer njena jednostavnost dolazi do izražaja, stoga je moguće lakše napraviti željeni efekat i lakše razumeti deo koda sa efektom i animacijom.
Kod animacija i efekata važno je napomenuti da svaka funkcija vezana za efekte i animacije ima opcione parametre u sebi (ukoliko ih izostavimo biće izvršena osnovna podešavanja). Parametri su brzina animacije i funkcija povratnog poziva (callback function), koja se poziva nakon što se izabrana animacija završi. Na ovaj način moguće je postići napredne efekte na stranici. Brzina animacije je vreme za koje će animacija biti završena. Kao argument moguće je proslediti reč, koja će odrediti brzinu animacije (“slow”, “normal” ili “fast”) ili broj koji će biti trajanje animacije u milisekundama.
Prilikom sakrivanja i pojavljivanja elemenata, elementi se zapravo ne brišu, odnosno ne dodaju na stranu. Element postoji u DOM-u, samo se njegova CSS osobina “display” menja na “none” ili “block”.
Osnovne metode za sakrivanje i prikazivanje elemenata su:
- show() – prikazuje sakriveni element, a ukoliko je element već vidljiv nema nikakav uticaj
- hide() – sakriva element koji se trenutno vidi na stranici, a nema uticaja ako je element već nevidljiv
- događaji unutar forme
- toggle() – sakriva element ako se vidi, a pokazuje ako se ne vidi
Ukoliko ne prosledimo parametre za brzinu efekta, element će se odmah pojaviti ili nestati.