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('!!!');

textメソッドを使用して、すべてのh3要素にテキスト'!!!'を設定してください。