Hauptinhalt
Programmierung
Kurs: Programmierung > Lerneinheit 7
Lesson 4: jQuery-TechnikenWiederholung: jQuery Collections & Schleifen
jQuery Collections
Wenn du jQuery zum Finden von Elementen verwendest, gibt dir jQuery ein Objekt vom Typ jQuery Collection zurück.
var $heading = $('h1');
Es ist eine gängige Praxis, die Namen dieser Variablen mit einem
$
-Zeichen zu beginnen, um zu zeigen, dass sie ein Objekt vom Typ jQuery-Collection speichern. Das hilft, sie von Variablen zu unterscheiden, in denen DOM-Nodes gespeichert werden.Wenn du von einem jQuery Objekt den DOM-Node brauchst, kannst du das jQuery-Objekt wie ein Array behandeln und die Klammer-Notation verwenden:
var heading = $heading[0];
Wenn du einen DOM-Node in ein jQuery-Objekt umwandeln möchtest, kannst du ihn einfach der jQuery-Funktion übergeben:
var $heading = $(heading);
Collections durchlaufen
Wenn du mehrere Elemente einer Collection bearbeiten möchtest, kannst du eine normale
for
-Schleife oder die Funktion each()
von jQuery verwenden: $("p").each(function(index, element) {
$(element).text( $(element).text() + "!!");
});
Wenn du die Funktion
each()
aufrufst, musst du ihr eine 'callback-Funktion' übergeben. jQuery wird dann diese Funktion für jedes Element der Collection aufrufen und ihr den Index und das Element übergeben.jQuery wird ebenfalls den Kontext der Funktion auf das aktuelle Element setzen. Dies bedeutet, dass du auf das Element mit dem Schlüsselwort
this
zugreifen kannst. $("p").each(function() {
$(this).text( $(this).text() + "!!");
});
Willst du an der Diskussion teilnehmen?
Noch keine Beiträge.