ブラウザで発生する事象をイベントと言う。（HTMLの読み込みが完了したら、ユーザがクリックしたら、マウスが重なったら、など）
/* 1つの場合 */
セレクタ.イベント名(function(){
～処理～
});
/* 2つの場合 */
セレクタ.イベント名(function(){
～処理A～
},function(){
～処理B～
});イベント一覧
| イベント | 説明 |
|---|---|
| click | クリックしたら（mousedownとmouseupの組み合わせのイメージ） |
| dblclick | ダブルクリックしたら |
| mousedown | マウスを押したら（押しっぱなし） |
| mouseup | マウスを放したら（押しっぱなしから放す） |
| mouseover | マウスが重なったら |
| mouseenter | （同上） |
| mouseout | マウスが外れたら |
| mouseleave | （同上） |
| mousemove | マウスが動いているならば |
| keydown | キーボードが押されたら |
| scroll | ブラウザがスクロールされたら |
| resize | ブラウザのサイズが変更されたら |
| submit | フォームの送信ボタンが押されたら |
| change | 要素の値が変化したら |
| focus/blur | 要素にフォーカスが当たったら/外れたら |
| hover | 要素にマウスが重なったとき、外れたときの処理を1～複数用意しておき、繰り返し実行する |
| toggle | 要素をクリックしたときの処理を1～複数用意しておき、繰り返し実行する |
toggleイベント
/* クリックするたびに「処理A」と「処理B」を交互に実行する。 */
$("セレクタ").toggle(function(){
～処理A～
} , function(){
～処理B～
});