JQueryで変数を使う

More than 1 year has passed since last update.

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