なぜコードを '文書準備完了'にするのですか

Question

私はJqueryを使い慣れています。例をhttp://w3schools.com/jquery/tryit.asp?filename=tryjquery_hide_pでご覧ください。ここでは、「Click Me」ボタンをクリックしてテキストの変更を行います。私の質問は、なぜ以下のコードが$(document).ready(function(){)}の下にラップする必要があるのか​​です。それ以外の場合、動作しません。

ご協力いただきありがとうございます。

$("button").click(function(){ 
    $("p").hide(); 
    }); 

Answer 1

はい、このコードを$(document).ready()ハンドラにラップしなかった場合は、DOMがロードされていないためオブジェクトが存在しません。

これは、要素のメソッドを呼び出す前に、DOMが準備ができていることを確認する簡単なテストです。

Answer 2

これは、すべてのDOM要素が、あなたがそれをラップしていない場合は、それらを

Answer 3

にアクセスしようとする前にロードされ、それはあなたの要素を見つけない可能性がありますを確認します。ページを最初にビルドしてから、いくつかの機能を追加するための特定の要素を探すことができます。

「ページの読み込みが完了するのを待っているので、変更したい要素はすべてそこにあります」と言います。