JQueryで変数を使う

同じ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の処理が高速化される。