function() と $(function(){})が混在する時の読み方

HTML ファイルを触っていたときに、JavaScript に

  • function()
  • $(function(){…})

が混在していて、?となったのでメモ。

こんな感じ

  function addressSearchReset() {
      $("input[id='iccid']").val("");
      if (addressTable) {
          $('#table').bootstrapTable('removeAll');
      }
  }

  $(function () {
      $("#addressSearchReset").on('click', function () {
          addressSearchReset();
      });
  });

実行タイミングの違いかな?と思ったらその通りでした。

(引用) ページのドキュメントオブジェクトモデル(DOM)が安全に操作できるようになるとすぐに、JavaScript コードを実行する方法を提供します。

まだ生成されてない DOM にアクセスしてほしくない時に使えばいいっぽい。

以下の 2 つのコードは同じ意味。

$( document ).ready(function() {
  // Handler for .ready() called.
});
$(function() {
  // Handler for .ready() called.
});

参考