[今さらjQuery] $(function() ドルカッコファンクション

意味

このhtml(=DOM)をすべて読み込んだ後に実行する。(画像は除く)

書き方

$(function() {
  処理
}

省略しない書き方

上記は本来の書き方より省略された書き方である。

省略しない書き方があるが、こげな書き方はせんじゃろ。じゃが、遭遇したときのために書き記しておく。

パターン1

jQuery(function() {
  処理
}

パターン2-1

$(document).ready(function() {
  処理
}

パターン2-2

jQuery(document).ready(function() {
  処理
}

ブラウザが読み込んでる順番と実行タイミング

1. ページの読み込みが始まる
2. HTMLの読み込みが終わる
3. $(document).readyが実行
4. 画像など含めすべてのコンテンツの読み込みが終わる
5. $(window).loadが実行

$(function(){…}); が実行されるのは、上記の3番目っすな。

参考にしたサイト

qiita