jQuery

jQueryのready、load関連の実行順序

jQueryを使っていて、ファイル内でのready・loadまわりの実行順序があやふやになるので、まとめておきたいと思います。以下coffeescriptです。

# どの行に書いても以下の種類の順番で動作します。

# ====================================
# 1
# ベタ書きが一番最初で、上から順に実行される
console.log '1'

# ====================================
# 2
# 以下の2つは同じで、上から順に実行される
# DOMが用意された時に実行される

$(document).ready ->
console.log '2'

$ ->
console.log '3'

# ====================================
# 3
# ※jquery 1.8以降では非推奨。
$(document).on 'ready',->
console.log '4'

# ====================================
# 4
# loadは、画像なども含めて読み込み終了後
$(window).on 'load',->
console.log '5'

知らなかったのは、$(document).on 'ready'が非推奨になっていたことでしょうか。