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