Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- web:javascript:start [2015/10/15 16:51] – ros
+++ web:javascript:start [2020/10/13 14:25] (aktuell) – Externe Bearbeitung 127.0.0.1
@@ Zeile 74: / Zeile 74: @@
 ===== jQuery-Befehle =====
+==== HTML Ändern ====
 ^ Befehl ^ Beschreibung ^ Beispiel ^
 | ''addClass(class)'' | Fügt den Elementen eine Klasse hinzu | ''$('h1').addClass('greentext');'' |
 | ''append(text)'' | Fügt zusätzlichen Inhalt in die Elemente ein | ''$('body').append('<p>Noch was...</p>');'' |
-| ''hide()'' | Versteckt die Elemente | ''$('.loesung').hide();'' |
 | ''html(text)'' | Ersetzt den Inhalt der Elemente | ''$('body').html('<h1>Hallo</h1>');'' |
 | ''removeClass(class)'' | Entfernt eine Klasse aus den Elementen  | ''$('h1').removeClass('greentext');'' |
+==== Animationen ====
+^ Befehl ^ Beschreibung ^ Beispiel ^
+| ''hide()'' | Versteckt die Elemente | ''$('.loesung').hide();'' |
 | ''show()'' | Zeigt die Elemente an | ''$('.loesung').show();'' |
 | ''slideDown()'' | Klappt die Elemente nach unten auf | ''$('.loesung').slideDown();'' |
@@ Zeile 87: / Zeile 93: @@
 | ''toggle()'' | Ändert die Sichtbarkeit | ''$('.loesung').toggle();'' |
-===== Timer =====
+==== Ereignisse ====
+^ Befehl ^ Beschreibung ^ Beispiel ^
+| ''click(funktion)'' | Wenn auf ein Element geklickt wird... | ''$('h1').click(showContent);'' |
+| ''hover(funktion)'' | Wenn der Mauszeiger über ein Element bewegt wird... | ''$('h1').hover(showContent);'' |
+==== Zeitsteuerung ====
+Mit ''setTimeout'' kann festgelegt werden, dass eine Funktion nach einer bestimmten Dauer (in Millisekunden) ausgeführt werden soll:
+<code javascript>
+function doSomething() {
+}
+setTimeout(doSomething, 1000);
+</code>
+Mit ''setInterval'' wird die Funktion immer wieder nach der angegebenen Dauer ausgeführt:
+<code javascript>
+function doSomething() {
+}
+setInterval(doSomething, 1000);
+</code>
-FIXME
 ===== Links =====