ラボ > Javascript関連:イベント関連
jquery ページ読込みんだらJSを走らせたい($(document).ready(),$(function(){})、$(window).on('load',function(){}))
処理の対象要素より先にjQueryを記載するとき「ページを読み込んだらjQueryを実行」ってしたい
作成日:2022-10-18, 更新日:2024-03-28
基本
処理の対象要素のHTMLより後にjQueryを記載するなら気にする必要なし。
HTMLソースを読み込んだ後(画像ファイルを読み込むより前)
$(function() { ~ 処理 ~ });
▼こっちでもOK
$(document).ready(function() { ~ 処理 ~ });
画像ファイルを含めて、HTMLソースを読み込んだ後
$(window).on('load', function() { ~ 処理 ~ });