Citat:
SARMOMIR:
Ne razuemem ovaj deo koda baš najbolje:
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
šta znači ovo function u zagradama,za šta služi ova prva linija koda $(document).ready(function(){
Uopšteno zanima me ako neko može malo detaljnije da mi objasni ovaj kod koji mi nije jasan.Pozdrav
jQuery je napravljen tako da se uglavnom koristi tako što selektuješ neki element na formi i onda nad njim izvršavaš neku akciju.
Uopšteno:
Code (javascript):$(selektor).akcija()
- Znak dolar označava jQuery, tj. da se akcije uzimaju iz jQuery biblioteke koju prethodno u <head> delu uvezeš.
- Selektor kao što mu samo ime kaže pronalazi elemente na stranici.
- Akcija izvršava neku radnju nad tim elementom.
Primeri su:
Code (javascript):
$("p").hide() - sakriva sve paragrafe
$("#test").hide() - sakriva sve elemente kod kojih je id="test".
Većina jQuery funkcija se nalaze unutar document.ready() funkcije:
Code (javascript):$(document).ready(function(){
// jQuery funkcije dolaze ovde
});
Ovo onemogućava jQuery kod da se izvršava pre nego što dokument ne završi sa učitavanjem (ne postane spreman).
Evo i primera akcija koje mogu da padnu ukoliko se izvrše pre nego što dokument bude spreman:
- pokušaj sakrivanja elementa koji još ne postoji
- pokušaj uzimanja veličine slike koja nije učitana (poznato je da pregledači prvo dovlače sa servera tekst pa slike).
Kod ispod se u stvari tumači na sledeći način: Nađi na stranici element čiji se tag naziva <button> i kad god neko klikne izvrši kod koji se nalazi unutar njega.
Code (javascript):$("button").click(function(){
});
I konačno kod koji se izvršava kada se klikne na dugme je:
Code (javascript):$("p").hide();
Ovaj kod u stvari selektuje sve elemente <p> koji se nalaze na stranici i sakriva ih.
jQuery ima veoma lepu sintaksu i uopšte nije težak kao što izgleda na prvi pogled.
Ako znaš engleski najbolje je da prođeš tutorijal koji se nalazi na
http://www.w3schools.com/jquery/default.asp a zatim uzmeš neku knjigu koja ga malo detaljnije objašnjava. Sam tutorijal možeš da pređeš za dan dva i to ti je uglavnom to što nudi jQuery, za naprednije opcije neka knjiga i vežbanje tog koda je dobitna kombinacija.
Ja sam pročitao knjigu Learning jQuery i nije mi puno vremena trebalo da je savladam.
Slobodno pitaj ako ti i dalje neke stvari nisu jasne.