jQueryのイベントとは

1. イベントとは
○○したら・・・

2. イベントとは
○○したら・・・
クリックしたら・・・
ホバーしたら・・・
スクロールしたら・・・

3. イベント
focus() 要素にフォーカスが移った時
scroll() ドキュメントがスクロールした時
change() 要素の値を変更した時
click() クリックされた時
dblclick() ダブルクリックされた時

4. クリックしたら文字色を変える
$('p').css('color','red');
Pタグの文字色を赤にする

5. $('p').css('color','red');
Pタグの文字色を赤にする
でも、これだと最初っから文字が赤
クリックしたら文字色を変える

6. $('p').css('color','red');
Pタグの文字色を赤にする
でも、これだと最初っから文字が赤
クリックしたら赤くなるようにしたい！
クリックしたら文字色を変える

7. click() クリックされた時
クリックしたら文字色を変える

8. click()
$(‘p’).click();
クリックしたら文字色を変える
クリックされた時
Pタグをクリック
したら
$(‘p').on('click', );

9. click()
$(‘p’).click(function(){});
クリックしたら文字色を変える
クリックされた時
$('p').on('click',function(){});

10. click()
$(‘p’).click(function(){
});
クリックしたら文字色を変える
クリックされた時
ここにPタグを
クリックした時
の処理を書く
$(‘p').on('click',function(){
});

11. click()
クリックしたら文字色を変える
クリックされた時
ここにPタグを
クリックした時
の処理を書く
$(‘p’).click(function(){
$('p').css('color','red');
});
$(‘p').on('click',function(){
$('p').css('color','red');
});

12. 複数のイベントがある時
$('p').on({
'mouseover': function(){
$('p').css('color','red');
},
'click':function(){
$('p').fadeOut();
}
});