Drupal und jQuery. Lektion 2. Selektoren und Effekte.

In dieser Lektion behandeln wir jQuery-Selektoren und jQuery-Effekte.

Selektoren

Unter den Selektoren verwenden wir am häufigsten Klassen und IDs. Die Selektoren entsprechen oft den CSS-Selektoren, daher wenn Sie CSS-Selektoren schreiben können, können Sie auch jQuery-Selektoren schreiben. So wählen wir Klassen aus:

$('.class')

Und so wählen wir IDs aus:

$('#id')

Effekte

jQuery bietet viele Effekte: hide/show (versteckt aus der rechten unteren Ecke), slideUp/slideDown (man kann die Richtung des Versteckens wählen), fadeOut/fadeIn (allmähliche Änderung der Transparenz).

$('.class').hide(1000);

$('.class').fadeOut(1000);

$('.class').slideUp(1000);

Im Tutorial haben wir auch die Funktion setTimeout verwendet. Diese Funktion ist JavaScript und verzögert die Ausführung von Code:

setTimeout(function(){

  // code hier

}, 1000);

Als ersten Parameter übergeben wir eine Funktion, in die wir Code einfügen können, dessen Ausführung um die im zweiten Parameter angegebene Zeit verzögert wird.