Utiliser le contexte dans un sélecteur jQuery

Par défaut, le sélecteur jQuery (la fonction $) recherche les éléments dans tout le document, c'est à dire dans toute la page web. Mais il est possible de restreindre la portée du sélecteur grâce à ce qu'on appelle un contexte.

Techniquement, le contexte est tout simplement un élément HTML ou un objet jQuery, et le sélecteur ne va porter que sur la descendance de cet objet contexte (c'est à dire sur son contenu, direct ou indirect).

Ci-dessous, un exemple d'utilisation du contexte :

var context = $('#header');
$('a img', context).hide();

Ce code va tout simplement recherche les images contenues dans des liens à l'intérieur de l'élément header, cela revient à écrire ceci :

Cette page peut vous intéresser : ajouter un wordart excel à lire tout de suite !

$('#header a img').hide();

Le contexte est une alternative à la fonction .find(), qui elle aussi recherche uniquement dans la descendance de l'élément. Find ou le contexte peuvent s'avérer très utiles dans les fonctions callback : soit un callback de retour AJAX, soit un callback d'animation. Le contexte par défaut est l'élément window, auquel appartiennent tous les autres éléments de la page.

Allez donc jeter un oeil sur cette page : vallée de glace.