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

jQuery
スポンサーリンク

意味

この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

コメント