jQuery.onメソッドいろいろ

自分用チートシートです。
毎度過去のプロジェクトから探してコピペするのが面倒なので、ここにまとめます。
よく使うもの中心にまとめてます。随時更新します。

###◆表示と同時に発動系

####htmlの読み込みが終わった時点で発動
特別な理由がない限りこっち

$(function(){
	//処理
});

####画像やcssなどもすべて読み込み終わってから発動

$(window).load(function() {
	//処理
});

####画面リサイズ

$(window).resize(function() {
	//処理
});

###◆マウス動作系
####クリック

$(document).on('click', 'セレクタ', function() {
	//処理
});

####ホバー

$(document).on({
	'mouseenter': function(){
		//ホバー時の処理
	},
	"mouseleave": function(){
		//マウスを離した時の処理
	}
}, 'セレクタ');

###◆input系

####inputの内容が更新された時

$(document).on('change','セレクタ', function () {
	//処理
});

####フォーカスした時

//子要素に直接設定したいとき
$(document).on('focus','セレクタ', function () {
	//処理
});

//親要素に設定して子要素の反応をまるっと受け取りたい時
$(document).on('focusin','セレクタ', function () {
	//処理
});

####フォーカスが外れた時

//子要素に直接設定したいとき
$(document).on('blur','セレクタ', function () {
	//処理
});

//親要素に設定して子要素の反応をまるっと受け取りたい時
$(document).on('focusout','セレクタ', function () {
	//処理
});

###◆タイピング系
####キーが「押された」時

$(document).on('keydown', 'セレクタ', function (){
	//処理
});

####キーが「離された」時

$(document).on('keyup', 'セレクタ', function (){
	//処理
});

####「特定のキー」が「押された」時

$(document).on('keydown', 'セレクタ', function (e){
	if (e.which == 押されたキーのコード) {
		//処理
	};
});
//よく使うキー
//enter -> 13
//スペース -> 32

キーコードはこちらを参考にするといい感じ
[JavaScript] キーコードの一覧 - コピペで使える JavaScript逆引きリファレンス

###◆その他
####cssアニメーションが終了した時

//animation(keyframe)の場合
$(document).on('animationend webkitAnimationEnd','セレクタ', function(){
	// 処理
});

//transitionの場合
$(document).on('transitionend webkitTransitionEnd','セレクタ', function(){
	// 処理
});

###◆共通の注意点
$(document).on～で記述するイベントハンドラは、動的に追加された要素についても発火するが、$(document)の部分で指定する「イベントの検知範囲」は静的である必要がある。
「document(ページ全体)」としておくのが一番確実ではあるが、サイトの軽量化・高速化を心がけるなら「最小単位のユニークで静的な先祖セレクタ」を指定するのがよいようだ。
※このページでは簡略化してすべて「document」と記述する