da ich bereits einmal ein Tutorial über jQuery-Ui gemacht habe um einen dynamischen Content abzubilden werde ich mich in diesem Tutorial mit allgemein jQuery beschäftigen, bedeutet Gliederung in:
Im allgemeinen will ich euch in diesem Menüpunkt lediglich vermitteln was jQuery überhaupt ist. jQuery ist lediglich eine Javascript Libary, welche Javascript-Funktionen zusammenfasst in eine jQuery-Funktion um einen dynamischen Content zu erzeugen. In diesem Fall kann der dynamische Content diese Aspekte abdecken: Dynamischer Inhalt, Dynamisches Design.
Dynamischer Inhalt beinhaltet Manipulations-Funktionen um Inhalt zu bearbeiten nachdem eine Suche auf ein gewisses Element durchgeführt worden ist. Das dynamische Design beschäftigt sich in dem Sinne mit Funktionen um gefundenen Elementen z.B. CSS-Klassen, CSS-Eigenschaften, Events oder generell so etwas wie Animationen (FadeIn,FadeOut oder auch ein einfaches verschieben des Bildes)
Offizielle Homepage:
Downloads und Beispiele sind dort massig vorhanden.
Einbinden können wir das ganze als minimal oder als vollständige formatierte Datei. Wie üblich bei JS-Libarys müssen wir diese einbinden das können wir mit folgendem HTML-Eintrag im <Head> machen:
Code:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
Zu diesem Bereich gibt es nur 2 Sachen zu sagen.
1. Wir müssen javascript sagen, dass er nun durch das jQuery Objekt handeln soll.
2. Wir müssen mit jQuery sicher gehen, dass wir alles ohne Störungen bearbeiten können.
Zu Punkt eins kann man nicht viel zeigen oder sagen, denn jQuery wird ironischer weise durch das jQuery-Objekt wieder gespiegelt oder abgekürzt durch ein simples $.
Bsp.
Ohne Abkürzung:
Code:
jQuery("#testButton").click();
Code:
$("#testButton").click();
Code:
$( document ).ready(function() { //jQuery Code });
1: Methods
2: Effects
3: Events
Diese 3 Wörter beschreiben den Vorgang in jQuery ganz gut. Denn alle 3 Wörter können sich gegenseitig auslösen und ausführen. z.B. Unsere Methoden kann dazuführen ein Effekt anzuzeigen und dabei ein Event zu aktivieren. Das ganze kann aber auch ein Event sein, welches eine Methode ausführt um einen Effekt anzuzeigen. Im Endeffekt hängen diese 3 Namen sehr dich mit einander zusammen und man sollte sich, wenn mann sich aktiv mit jQuery beschäftigen will, besonders mit diesen 3 Namen auseinander setzen.
Ich hab das Tutorial jetzt extra mal klein gehalten, da es lediglich eine kleine Vorstellung von jQuery sein soll. Die Grundidee habe ich hiermit verwirklicht, falls eine Erweiterung des Tutorials erwünscht ist, werde ich dieses natürlich erweitern. Ich beschäftige mich nun seit ca. 2 Jahren mit jQuery und kann somit Support leisten, falls ihr Fragen/Probleme habt. Für Konkrete Fragen bitte ich euch allerdings an die richtige Sektion dafür zu wenden: oder mir das ganze per PN mitzuteilen.
Kritik ist immer erwünscht.