今さら聞けないjQueryの書き出し

まえがき

私はバックエンドエンジニアなので、フロント周りを書く時いつも書き出しを忘れてしまいます。
備忘録も兼ねて、Qiita初投稿にjQueryの初学者が疑問に思う部分について書きました。

基本的な書き方

$(function(){
    // ここに処理を書く
    console.log('Hello!');
});

正式な書き方

$(document).ready(function(){
    // ここに処理を書く
    console.log('Hello!');
});

このように記述する理由

HTMLの読み込みが全て完了するのを待つために、readyメソッドを使用し、この外枠を記述する必要があります。そして、読み込みが完了すると、jQueryが正常に動作するようになります。

初学者の方は、おまじないだと思って記述をしていることが多いと思いますが、実はこんな理由があるのです。上記の書き方がメジャーになっているので、無理にreadyメソッドを使用して記述する必要はありません。省略系で十分です。