Καταγραφή ενός συνόλου στοιχείων σε μια μεταβλητή μέσω jQuery

Μπορείτε να μην χτίσετε την αλυσίδα $('.www').html('!!!'), αλλά πρώτα να γράψετε το σύνολο των στοιχείων $('.www') σε μια μεταβλητή (την ονόμασα elems), και στη συνέχεια να εφαρμόσετε τη μέθοδο .html('!!!') σε αυτή τη μεταβλητή. Για παράδειγμα, ο κώδικας HTML μας μοιάζει με τον ακόλουθο:

<p class="www">κείμενο</p>
<p class="www">κείμενο</p>
<p class="www">κείμενο</p>
<p>κείμενο</p>

Και έτσι θα μοιάζει ο κώδικας, γραμμένος σε JavaScript:

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

Υπάρχει μια σύμβαση που είναι σκόπιμο να ακολουθείται για ευκολία: τα ονόματα των μεταβλητών που περιέχουν ένα περιτυλιγμένο σύνολο jQuery, συνηθίζεται να ξεκινούν με δολάριο. Δηλαδή στην περίπτωσή μας πρέπει να είναι όχι elems, αλλά $elems.

Εάν σας μπερδεύει ένα τέτοιο όνομα μεταβλητής - $elems - λάβετε υπόψη ότι το δολάριο στο JavaScript είναι ένα συνηθισμένο σύμβολο και μπορεί να χρησιμοποιηθεί οπουδήποτε. Μπορείτε ακόμη και να δημιουργήσετε όνομα συνάρτησης, που αποτελείται από ένα μόνο σύμβολο $, όπως έχει γίνει στο jQuery και σε κάποιες άλλες βιβλιοθήκες.

Έτσι, για άλλη μια φορά - εάν θέλετε να γράψετε έναν πίνακα jQuery σε μια μεταβλητή, τότε συνηθίζεται αυτή η μεταβλητή να ξεκινά με δολάριο. Αυτό δεν είναι υποχρεωτικό, αλλά σας επιτρέπει να καταλάβετε με την πρώτη ματιά ότι σε αυτή τη μεταβλητή βρίσκεται μια ομάδα στοιχείων και ότι σε αυτή τη μεταβλητή είναι εφαρμόσιμες όλες οι μέθοδοι jQuery.

Ας το χρησιμοποιήσουμε αυτό στο παράδειγμά μας με τον παρακάτω κώδικα HTML:

<p class="www">κείμενο</p>
<p class="www">κείμενο</p>
<p class="www">κείμενο</p>
<p>κείμενο</p>

Ενώ το JavaScript μοιάζει με αυτό:

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

Παρομοίως, για την εισαγωγή κειμένου μπορεί να εφαρμοστεί η μέθοδος text:

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

Σε όλα τα h3 με τη μέθοδο text βάλτε το κείμενο '!!!'.