■jQuery 変数の定義
var $変数名=値;
例）var $div=$('div');
JSの変数・定数について～復習～
■変数の定義
「let 変数名 = 値」で定義
例）let name ='タロウ';
■定数定義
「const 変数名 = 値」で定義
例）const name ='タロウ';
変数には文字列や数値、jQueryオブジェクトなどを格納することができる
jQueryオブジェクトを格納する時は、変数の頭に$を付けるのが慣例
同じjQueryオブジェクトを複数回使用する時に変数を利用すると
・コードが見やすくなる
・jQueryの処理が高速化される
$('div') . CSS ('color','red');
$('div') . html ('jQuery');
$('div') . fadeOut ();
繰り返し同じ$('div')を使用している
■メソッドについて ～復習～
例）htmlメソッド
要素の中身のHTMLを書き換えることが出来る
例）$('p') . html ('<h1>書き換える文字列</h1>');
htmlメソッドの引数は、単なる文字列ではなくHTMLのタグと認識される
var $div=$('div');
$('div')を変数にする
$('div') . CSS ('color','red');
↓
$div . CSS ('color','red');
$('div') . html ('jQuery');
↓
$div . html ('jQuery');
$('div') . fadeOut ();
↓
$div . fadeOut ();
■メソッドチェーン
1つのjQueryオブジェクトに連続してメソッドが利用できる構文
$('セレクタ').メソッド().メソッド()...
例）$(' div ') . CSS ('color','red') . html('jQuery');
それぞれのメソッドが適用される
メソッドチェーンを使うと処理速度を高速化できる