Drupal i jQuery. Lekcija 2. Selektori, efekti.
U ovoj lekciji ćemo proučiti jQuery selektore i jQuery efekte.
Selektori
Najčešće ćemo koristiti selektore po klasama i ID-jevima. Selektori u jQuery-u često odgovaraju CSS selektorima, tako da ako znate kako da pišete CSS selektore, već znate i kako da ih pišete u jQuery-ju. Ovako biramo klase:
$('.class')
A ovako biramo ID:
$('#id')
Efekti
U jQuery postoji mnogo efekata: hide/show (sakriva element iz donjeg desnog ugla), slideUp/slideDown (može se birati smer skrivanja), fadeOut/fadeIn (postepeno menjanje providnosti).
$('.class').hide(1000);
$('.class').fadeOut(1000);
$('.class').slideUp(1000);
U lekciji smo takođe koristili funkciju setTimeout. To je JavaScript funkcija koja odlaže izvršenje koda:
setTimeout(function(){
// kod ovde
}, 1000);
Prvi parametar funkcije setTimeout je funkcija unutar koje se nalazi kod koji će se izvršiti sa kašnjenjem definisanim drugim parametrim (u milisekundama).