jQuery Tutorial für Anfänger

Einführung

Einführung Was ist jQuery? jQuery einbinden Erste Schritte mit jQuery jQuery-Sets Text eines Elements ändern Set in einer Variable speichern Text mit Tags über die html-Methode einfügen Text eines Elements ausgeben Arbeit mit CSS CSS-Eigenschaften mit Bindestrichen Befehlsverkettungen Einfache Selektoren jQuery Element-Selektor Klassen-Selektor ID-Selektor Element-Selektor mit Klasse Nachfahren-Selektor Kind-Selektoren Nachbar-Selektor Attribut-Selektor Pseudoklassen-Selektoren Pseudoklasse :header Pseudoklasse :not Pseudoklasse :has Pseudoklasse :contains Pseudoklassen :empty und :parent Unterschied :parent und parent() Andere jQuery-Selektoren Arbeit mit der each-Methode Arbeit mit der map-Methode

Arbeit mit dem DOM

Arbeit mit Attributen Schreiben von Werten in Attribute Ändern von Werten mehrerer Attribute Ändern von Attributwerten mithilfe einer Funktion Entfernen von Attributen Nur den Attributwert entfernen Ändern eines einzelnen Attribut-Eigenschaft Auslesen eines einzelnen Attribut-Eigenschaft Ändern mehrerer Attributeigenschaften Formular value Hinzufügen einer Klasse zu einem Element Entfernen einer Klasse Arbeit mit der toggleClass-Methode Striktes Entfernen und Hinzufügen von Klassen mit der toggleClass-Methode Besonderheiten bei der Arbeit mit der hasClass-Methode Umhüllen von Elementen Erstellen und Umhüllen von Elementen Entpacken von Elementen Umhüllen von Text innerhalb von Tags Umhüllen mehrerer Elemente Die prepend-Methode zum Einfügen von Elementen Die append-Methode Anwendung der before-Methode Die after-Methode Die appendTo-Methode Vergleich der Methoden prepend und prependTo Die Methoden before und insertBefore Die Methoden after und insertAfter Ersetzen von Elementen mit der replaceWith-Methode Anwendung der replaceAll-Methode Die remove-Methode Die detach-Methode Entfernen von Elementinhalten Elementgrößen Die Methoden width und height Die Methoden innerWidth und innerHeight Die Methoden outerWidth und outerHeight Positionierung

Arbeit mit einer Menge von Elementen

Grundlagen der Arbeit mit einer Menge Die length-Eigenschaft in einer Menge Die index-Methode Die not-Methode Die eq-Methode Die first- und last-Methoden Die has-Methode Die slice-Methode Elementefilterung Arbeit mit Nachbarn Die siblings-Methode Andere Methoden zur Arbeit mit Nachbarn in jQuery Die parent-Methode Suche nach allen Elternelementen Die closest- und parentsUntil-Methoden Die children-Methode zur Arbeit mit Nachkommen Anwendung der contents-Methode Suche innerhalb des Gefundenen Hinzufügen von Elementen zur aktuellen Menge Hinzufügen von Elementen mit addBack Vorherige Menge Klonen von Elementen Überprüfung des Vorhandenseins Umwandlung in ein Array Arbeit mit Daten in Elementen

Ereignisbehandlung

Das Ereignisobjekt event Ereignisbindung Methoden zur Ereignisbindung Universelle Methode on Methode off Delegierung Einmaliges Ereignis Standardaktion abbrechen Methode submit

Arbeiten mit Effekten und Animationen

Methoden hide und show Methoden slideUp und slideDown Methode slideToggle Methoden fadeOut und fadeIn Methode fadeToggle Methode fadeTo Methode animate Aktion nach Ende des Effekts Arbeiten mit der Warteschlange

Praxis zur Einübung der jQuery-Bibliothek

Praxis
bydeenesfrptru