Zapis zestawu elementów w zmiennej za pomocą jQuery
Można nie budować łańcucha $('.www').html('!!!'),
ale najpierw zapisać zestaw elementów $('.www')
w zmiennej (nazwałem ją elems),
a następnie zastosować metodę
.html('!!!') do tej zmiennej. Na przykład, nasz kod HTML wygląda następująco:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
A tak będzie wyglądał kod napisany w JavaScript:
let elems = $('.www');
elems.html('!!!');
Istnieje konwencja, której warto używać
dla wygody: przyjęło się, że nazwy zmiennych,
które zawierają opakowany zestaw jQuery, zaczyna się
od znaku dolara. Czyli w naszym przypadku
powinno być nie elems, a $elems.
Jeśli taka nazwa zmiennej - $elems
- jest dla Ciebie niepokojąca,
pamiętaj, że dolar w JavaScript jest
zwykłym symbolem i można go używać,
gdziekolwiek. Można nawet utworzyć nazwę funkcji,
składającą się z jednego symbolu $, jak
to zrobiono w jQuery i niektórych innych bibliotekach.
A więc, jeszcze raz - jeśli chcesz zapisać tablicę jQuery w zmiennej, to tę zmienną przyjęło się zaczynać od dolara. To nie jest obowiązkowe, ale pozwala od pierwszego wejrzenia zrozumieć, że w tej zmiennej znajduje się grupa elementów i do tej zmiennej mają zastosowanie wszystkie metody jQuery.
Użyjmy tego w naszym przykładzie z poniższym kodem HTML:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
Przy tym JavaScript wygląda tak:
let $elems = $('.www');
$elems.html('!!!');
Podobnie do wstawienia tekstu można zastosować
metodę text:
$('.www').text('!!!');
Wszystkim h3 za pomocą metody text
ustaw tekst '!!!'.