【初心者でもわかる!!】jQueryの処理するタイミングまとめ

jQueryの読み込みのタイミングは、プログラムを組んでいく上でとても重要なものです。

順番を間違えるとその処理が動かなかったりするので、しっかりとした定義をして処理を実行させましょう。

ページの読み込みが開始されたとき

$(document).ready(function () {
	//ここに処理の内容
});

ページのファイル等が呼び込み終了したあと

$(window).on('load',function(){
	//ここに処理の内容
});

ウインドウのサイズが変更されたとき

$(window).resize(function () {
	//ここに処理の内容
});

要素をマウスオーバー、アウトしたとき

$("要素").mouseenter(function(){
      //ここにオーバーした時の処理の内容
 }).mouseleave(function(){
      //ここにアウトした時の処理の内容
 });

スクロールしたとき

 $(window).scroll(function () {
	//ここに処理の内容
});

要素をクリックしたとき

$("要素").click(function(){
	//ここに処理の内容
});

私がメインで使う処理のタイミングまとめはこのような感じです。

他にも処理のタイミングの定義はたくさんあると思いますので、

今後ここにも追記していくと思います。

参考にどうぞ。