Запись набора элементов в переменную через jQuery
Можно не выстраивать цепочку $('.www').html('!!!'),
а сначала записать набор элементов $('.www')
в переменную (я назвал ее elems),
и затем уже к этой переменной применить метод
.html('!!!'). К примеру, наш код HTML выглядит следующим образом:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
А так будет выглядеть код, написанный на JavaScript:
let elems = $('.www');
elems.html('!!!');
Есть соглашение, которым желательно пользоваться
для удобства: названия переменных, которые
содержат в себе обернутый набор jQuery, принято
начинать с доллара. То есть в нашем случае
нужно не elems, а $elems.
Если вас смущает такое имя переменной - $elems
- учтите, что доллар в JavaScript является
обычным символом и его можно использовать,
где угодно. Можно даже сделать имя функции,
состоящее из одного символа $, как
это сделано в jQuery и некоторых других библиотеках.
Итак, еще раз - если вы хотите записать массив jQuery в переменную, то эту переменную принято начинать с доллара. Это не обязательно, но позволяет с первого взгляда понять, что в этой переменной лежит группа элементов и к этой переменной применимы все методы jQuery.
Давайте используем это в нашем примере с нижеприведенным HTML кодом:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
При этом JavaScript выглядит так:
let $elems = $('.www');
$elems.html('!!!');
Аналогично для вставки текста можно применить
метод text:
$('.www').text('!!!');
Всем h3 с помощью метода text
поставьте текст '!!!'.