javascript - なぜ $(function(){...})?

Question

例 1

例 2

...これらは両方とも (私が知る限り)、関数ブロックで jquery のクローンをスクリプトの最も外側の要素として使用します。なぜこのように行われるのですか？それが省略された場合、何が失われますか？

PSこれは、クラスからオブジェクトをインスタンス化するようなものですか?

Answer 1

functionが のときにを呼び出す必要がdocumentありreadyます。http://api.jquery.com/ready/現在

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

これは、次の呼び出しと同等です。

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

それは明らかに等しい

jQuery(function() {
  // Your code using failsafe $ alias here...
});

hereは、別のライブラリで使用されている場合にjQuery競合しないようにするために代わりに使用されます。$

Answer 2

これは基本的に DOMReady イベントです。コードの関数は、DOM の準備ができたときに実行されるコードですが、すべてのリソースが読み込まれる前です。

これにより、ソース コード内のすべての HTML 要素を JS で操作できるようになります。そうしないと、ソース コード内にある要素を選択しようとしたときに、それらの要素を見逃す可能性があります。