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