の 準備ができて（） jQuery の関数は、DOM (ドキュメント オブジェクト モデル) が完全にロードされた場合にのみコードを実行します。これはjQueryの組み込み関数です。すべての画像などをロードする前に起動できますが、DOM の準備ができた場合に限ります。間に挿入されたコードは、 $(ドキュメント).ready() ページで JavaScript コードを実行する準備ができた場合にのみ実行されます。
使用すべきではありません 準備ができて（） メソッドと一緒に 。
構文
使用できます 準備ができて（） 以下に示すように 2 つの方法で機能します。
- 一般的に使用される構文は、 準備完了() 機能は以下の通りです。
$(document).ready(function)
- 使用できるので、 準備ができて（） 現在のドキュメントに対してのみ機能するため、セレクターはスキップできます。上記の構文は次のように書くこともできます。
$(function)
上記のどちらの方法も有効に使用できます。 2 番目の構文は、最初の構文の代わりに使用できます。それは次のコードから明らかです。
$(document).ready(function() { $('p').css('color', 'red'); }); 上記のコードは、以下のコードと同等です。
$(function() { $('p').css('color', 'red'); }); 経験豊富な開発者の中には、短縮表現を使用する人もいます。 $() 使用するのではなく $(ドキュメント).ready()、 ただし、経験のない人向けにコードを作成する場合は、長い形式を使用する方が良いでしょう。
10ミリリットルは何オンスですか
パラメータ値
の 準備ができて（） 関数には、次のように定義されたパラメータ値が 1 つだけあります。
関数（）： これは、ドキュメントがロードされた後に実行される関数を指定する必須パラメータです。
の使用例を見てみましょう $(ドキュメント).ready() 関数。
例
この例には、いくつかの段落要素とボタンがあります。ここで使用しているのは、 $(ドキュメント).ready() 指定された段落のスタイルを変更する関数。
ジャワスイング
jQuery ready() function $(document).ready(function(){ $('button').click(function(){ $('#p1').css({'font-size': '30px', 'color': 'blue', 'background': 'yellow', 'fontWeight': 'bold'}); $('#p2').css({'fontSize': '20px', 'fontWeight': 'bold', 'color': 'red'}); $('#p3').css({'color': 'blue'}); }); }); <p id="p1"> Welcome to the javaTpoint.com </p> <p id="p2"> This is an example of using the $(document).ready() function. </p> <p id="p3"> This is a third paragraph element </p> <p> Click the following button to see the effect. </p> Click me 今すぐテストしてください 出力：
上記のコードを実行すると、出力は次のようになります -
指定されたボタンをクリックすると、出力は次のようになります -
