JQueryで変数を使う

書いた。
qiita.com

同じjQueryオブジェクトを複数回使用する時は変数にする。

JavaScriptと同じく、jQueryで変数宣言にはvarを用いる。
変数には文字列や数値、jQueryオブジェクトなどを
格納することができるが、jQueryオブジェクトを格納する時は、
わかりやすいように変数の頭に$を付けるのが慣例となってる。

例えば、

変数を使わない場合

繰り返し同じ$('div')を使っている

$('div').css('color','red')
$('div').html('JQuery');
$('div').fadeOut();
変数を使用すると
var $div = $('div');

 $div.css('color','red')
 $div.html('JQuery');
 $div.fadeOut();

コードが見やすくなる上、 jQueryの処理が高速化される。