Auswahl von Elementen in einer Variable mit jQuery speichern

Man muss nicht die Kette $('.www').html('!!!') bilden, sondern kann zuerst die Auswahl von Elementen $('.www') in einer Variable speichern (ich habe sie elems genannt), und dann auf diese Variable die Methode .html('!!!') anwenden. Beispielsweise sieht unser HTML-Code wie folgt aus:

<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>

Und so wird der in JavaScript geschriebene Code aussehen:

let elems = $('.www');
elems.html('!!!');

Es gibt eine Konvention, die zur besseren Übersicht empfohlen wird: Variablennamen, die eine jQuery-Auswahl enthalten, sollten mit einem Dollarzeichen beginnen. In unserem Fall also nicht elems, sondern $elems.

Falls Sie sich über einen solchen Variablennamen wundern - $elems - beachten Sie, dass das Dollarzeichen in JavaScript ein ganz normales Zeichen ist und überall verwendet werden kann. Man kann sogar einen Funktionsnamen erstellen, der nur aus dem Symbol $ besteht, wie es in jQuery und einigen anderen Bibliotheken gemacht wurde.

Also, noch einmal - wenn Sie eine jQuery-Auswahl in einer Variable speichern möchten, dann sollte diese Variable per Konvention mit einem Dollarzeichen beginnen. Das ist nicht zwingend erforderlich, aber ermöglicht es, auf den ersten Blick zu erkennen, dass in dieser Variable eine Gruppe von Elementen liegt und auf diese Variable alle jQuery-Methoden anwendbar sind.

Lassen Sie uns dies in unserem Beispiel mit dem untenstehenden HTML-Code verwenden:

<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>

Dabei sieht der JavaScript-Code so aus:

let $elems = $('.www');
$elems.html('!!!');

Analog kann für das Einfügen von Text die Methode text angewendet werden:

$('.www').text('!!!');

Setzen Sie für alle h3 mit der Methode text den Text '!!!'.