Enregistrement d'un ensemble d'éléments dans une variable via jQuery
Il est possible de ne pas construire la chaîne $('.www').html('!!!'),
mais d'abord d'enregistrer l'ensemble d'éléments $('.www')
dans une variable (je l'ai appelée elems),
et ensuite d'appliquer la méthode
.html('!!!') à cette variable. Par exemple, notre code HTML se présente comme suit :
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
Et voici à quoi ressemblera le code écrit en JavaScript :
let elems = $('.www');
elems.html('!!!');
Il existe une convention qu'il est souhaitable d'utiliser
pour plus de commodité : il est d'usage que les noms des variables
contenant un ensemble encapsulé jQuery
commencent par un dollar. C'est-à-dire dans notre cas
il faut utiliser non pas elems, mais $elems.
Si ce nom de variable - $elems
- vous dérange, notez que le dollar en JavaScript est un
caractère ordinaire et peut être utilisé
n'importe où. Il est même possible de créer un nom de fonction
consistant en un seul caractère $, comme
c'est le cas dans jQuery et certaines autres bibliothèques.
Donc, encore une fois - si vous souhaitez enregistrer un tableau jQuery dans une variable, il est convenu que cette variable commence par un dollar. Ce n'est pas obligatoire, mais cela permet de comprendre au premier coup d'œil que cette variable contient un groupe d'éléments et que tous les méthodes jQuery lui sont applicables.
Utilisons cela dans notre exemple avec le code HTML ci-dessous :
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
Le JavaScript ressemble alors à ceci :
let $elems = $('.www');
$elems.html('!!!');
De même, pour insérer du texte, on peut appliquer
la méthode text :
$('.www').text('!!!');
Pour tous les h3, à l'aide de la méthode text,
mettez le texte '!!!'.
