Les collections jQuery

Quand on utilise jQuery pour trouver des éléments, jQuery retourne un objet collection jQuery :
var $titre = $('h1');
C'est une pratique classique de commencer les noms de variables par un signe $ pour signifier qu'elles contiennent des objets collection jQuery. Cela aide à les distinguer des variables qui contiennent des nœuds du DOM.
Si on souhaite retrouver le nœud du DOM à partir de l'objet jQuery, alors on peut considérer l'objet jQuery comme un tableau et utiliser la notation avec crochets :
var titre = $titre[0];
Si on souhaite transformer un nœud du DOM en objet jQuery, on peut le passer dans la fonction jQuery :
var $titre = $(titre);

Boucler sur des collections

Si vous souhaitez boucler sur les différents éléments d'une collection, vous pouvez utiliser une boucle for classique ou la méthode jQuery each() :
$("p").each(function(index, element) { 
    $(elem).text($(element).text() + " !!"); 
);
Quand on appelle la fonction each(), on doit lui passer une 'fonction de retour'. jQuery va donc appeler cette fonction de retour pour chaque élément de la collection, en lui passant l'index courant, et l'élément, en arguments.
jQuery va aussi définir le contexte de la fonction avec l'élément courant, ce qui signifie qu'on peut référencer l'élément avec le mot-clé this :
$("p").each(function() { 
    $(elem).text($(this).text() + " !!"); 
);
Chargement