
『jQuery 最高の教科書』めも②
スコープ
変数や関数を利用できる範囲
each
オブジェクトに含まれる書く要素に対して個別に処理を実行するメソッド
each(function(index){
処理
});
indexには何番目のボタン(0,1,2,3…)かが格納される (p.121)
$('#buttons2 button').each(function(index){
var pos = index * 40 - 40;
$(this).css('top', pos);
})
toggleClass
1.openというクラスが指定されていなかったら → 追加
openというクラスが指定されていたら → 削除
※durationの間にクリックされるかもしれないからstopメソッド(p.67)
2.もし(if)openというクラスを持っていたら(have) → true = if実行
もし(if)openというクラスを持っていなかったら → false = else実行