jquery ページ読込みんだらJSを走らせたい（$(document).ready(),$(function(){})、$(window).on('load',function(){})）

基本

処理の対象要素のHTMLより後にjQueryを記載するなら気にする必要なし。

HTMLソースを読み込んだ後（画像ファイルを読み込むより前）

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

▼こっちでもOK

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

画像ファイルを含めて、HTMLソースを読み込んだ後

$(window).on('load', function() {
  ～ 処理 ～
});

関連項目

• javascript ページ読込みんだらJSを走らせたい（DOMContentLoaded、load）