jQuery — Sve što smo naučili
Pregled svih jQuery pojmova i metoda obrađenih na satu, na jednom mjestu.
Savjeti za pisanje jQuery koda
Korisni savjeti koji će ti pomoći pisati bolji kod.
1
Uvijek stavi jQuery kod unutar document.ready
Nikad ne piši jQuery kod direktno bez omotača. Koristi:
$(document).ready(function() { ... });
ili kraći zapis: $(function() { ... });
Tako osiguravaš da se kod pokrene tek kad se stranica u potpunosti učita.
2
Koristi smislene ID-eve i klase
Umjesto #div1 ili .x, koristi opisna imena poput
#glavniMeni ili .toggle-gumb.
Kod je puno lakše čitati i ispravljati greške kad su nazivi jasni.
3
Ne ponavljaj isti selektor više puta
Loše: $('#box').show(); $('#box').css('color','red');
Bolje — spremi u varijablu:
var box = $('#box');
box.show();
box.css('color', 'red');
Ili koristi ulančavanje: $('#box').show().css('color','red');
4
Dodaj animacijama razumno trajanje
Previše spora animacija (npr. 2000ms) iritira korisnike, a previše brza (50ms) ne izgleda
lijepo.
Dobra pravila:
— 200–300ms za male efekte (fade, hide)
— 400ms za slide efekte
— 500–600ms za veće animacije
5
Testiraj u konzoli preglednika
Pritisni F12 u pregledniku i otvori karticu Console.
Tamo možeš pisati jQuery naredbe direktno i odmah vidjeti rezultat — odlično za testiranje i
ispravljanje grešaka.
Npr. upiši: $('h1').hide() i gledaj što se dogodi.