jQueryを使用した要素セットの変数への格納

メソッドチェーン$('.www').html('!!!')を構築する代わりに、 まず要素セット$('.www')を変数（ここではelemsと命名）に格納し、 その後でその変数にメソッド.html('!!!')を適用することができます。 例えば、HTMLコードは以下のようになります：

html<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>

JavaScriptで記述すると以下のようになります：

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

便利さのための慣習があります：jQueryでラップされたセットを含む変数名は、 ドル記号で始めることが慣例です。つまり、この場合はelemsではなく$elemsとします。

変数名$elemsが気になる場合は、JavaScriptではドル記号は通常の文字であり、 どこでも使用できることを留意してください。jQueryや他のいくつかのライブラリで行われているように、 単一の文字$からなる関数名を作成することも可能です。

改めて説明します - jQueryオブジェクトを変数に格納する場合、 その変数はドル記号で始めることが慣例です。これは必須ではありませんが、 一目でその変数が要素のグループを含んでおり、その変数にすべてのjQueryメソッドが適用できることを理解するのに役立ちます。

このルールを、以下のHTMLコードを使用した例に適用してみましょう：

html<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>

これに対応するJavaScriptは以下のようになります：

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

同様に、テキストの挿入にはtextメソッドを適用できます：

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