Grabación de un conjunto de elementos en una variable a través de jQuery
No es necesario construir la cadena $('.www').html('!!!'),
sino que primero se puede guardar el conjunto de elementos $('.www')
en una variable (la llamé elems),
y luego aplicar el método
.html('!!!') a esta variable. Por ejemplo, nuestro código HTML se ve así:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
Y así se verá el código escrito en JavaScript:
let elems = $('.www');
elems.html('!!!');
Existe una convención que es recomendable usar
para mayor comodidad: se acostumbra que los nombres de las variables que
contienen un conjunto de elementos envuelto en jQuery
comiencen con el signo de dólar. Es decir, en nuestro caso
no debería ser elems, sino $elems.
Si este nombre de variable - $elems
- te parece extraño, ten en cuenta que el signo de dólar en JavaScript es
un símbolo común y se puede usar
en cualquier lugar. Incluso se puede crear el nombre de una función
que consista en un solo símbolo $, como
está hecho en jQuery y algunas otras bibliotecas.
Entonces, una vez más - si deseas guardar un conjunto de elementos jQuery en una variable, se acostumbra que esta variable comience con el signo de dólar. Esto no es obligatorio, pero permite entender de un vistazo que en esta variable hay un grupo de elementos y que a esta variable se le pueden aplicar todos los métodos de jQuery.
Usemos esto en nuestro ejemplo con el siguiente código HTML:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
Mientras que el JavaScript se ve así:
let $elems = $('.www');
$elems.html('!!!');
De manera similar, para insertar texto se puede aplicar
el método text:
$('.www').text('!!!');
A todos los h3, usando el método text,
establezcan el texto '!!!'.
