私はこの質問をスタックオーバーフローで見ましたが、まったく答えられたとは感じていません。

である$(document).ready必要？

私はすべてのJavaScriptをページの下部にリンクしているので、理論的には、いずれにしてもドキュメントの準備ができてから実行されます。

である$(document).ready必要？

番号

すべてのスクリプトを</body>終了タグの直前に配置した場合、まったく同じことを行ったことになります。

さらに、スクリプトがDOMにアクセスする必要がない場合、他のスクリプトへの可能な依存関係を超えてどこにロードされるかは問題ではありません。

多くのCMSでは、スクリプトをロードする場所をあまり選択できないため、モジュラーコードがdocument.readyイベントを使用するのに適した形式です。古いコードを他の場所で再利用する場合、以前のコードに戻ってデバッグしますか？

オフトピック：

補足として、エイリアスをに強制するので、jQuery(function($){...});ではなくを使用する必要があります。$(document).ready(function(){...});$

いいえ、JavaScriptが閉じる前の最後のものである場合は、これらのタグを追加する必要はありません。

ちなみに、$（document）.readyの略記は以下のコードです。

$(function() {
// do something on document ready
});

この質問はいいかもしれません。あなたはそれを読みました？ jQuery：ページの下部に外部JSがある場合、なぜdocument.readyを使用するのですか？

いいえ、遅延が発生していないことがわかっていれば必要はありません。ほとんどの場合、作業内容を上から下まで開発したかどうかがわかります。

-それを完全に監査せずに他の誰かのコードを取り込むとき、あなたは知らないのです。

それで、あなたはあなたがあなたが構造であなたを助けるフレームワークまたはエディタを使っているかどうかあなた自身に尋ねますか？あなたは他の誰かのコードを持ち込んでいて、各ファイルを読むことを気にしていませんか？コードをテストするためのオペレーティングシステム、ブラウザ、ブラウザバージョンのマトリックスを確認する準備はできていますか？あなたが行う必要があるコードからの速度のすべての単一のオンスを圧迫しますか？

document.ready（）は、これらの質問の多くを無関係にします。document.ready（）は、作業を簡単にするために設計されました。それは、小さな（そして私はあえて許容できると言えます）パフォーマンスヒットになります。

jqueryの使用に関するインターネット全体での参考資料/ブログ投稿を見てきましたdocument.ready。私の意見では、それを使用することも、すべてのJavaScriptをページの下部に配置することも、どちらも有効です。そして今問題はどちらがより良いでしょうか？それはプログラミングスタイルの問題です。

いいえ、必要ありません。body終了タグの直前にスクリプトタグを配置するか、IE9 +をサポートしている場合はネイティブJSを使用できます。

<script>alert('DOM Loaded!');</script>
</body>

<script>
document.addEventListener("DOMContentLoaded", function(event) { 
      // DOM has loaded ready to fire JS scripts
    });
</script>