jQueryの書き方は一般的に以下のように書きます。
1 2 3 |
$(function(){ //この中にかきたい処理を書きます }); |
上記の処理ですが、細かく書くとDOMが構築されてから実行という意味が含まれています。
細かく書くと以下のような動きになります。
1 2 3 |
jQuery(document).ready(function(){ }); |
これを省略したのがページトップの書き方になります。
ちなみに$マークはjQueryオブジェクトを省略した書き方になります。ですので、そのままかいても動きます。
また画像などもすべて読んだあとという意味ではonloadになります。
1 2 3 |
$(window).load(function(){ }); |
参考リンク
$(function(){}) と $(window).on(‘load’,function(){}) の違い
jQueryの読込み「ready」と「load」と「function」の順番について
ちなみに下記のような書き方もあります。にてますがjQueryのものとは違いますので注意しましょう。
1 2 3 |
(function(){ })(); |
詳しくは下記リンクで説明していますが即時関数というものです。
JavaScript 変数、配列、オブジェクト、スコープ、関数、オブジェクトの基本について