JQuery_jquery での $.Ready() の分析-jsチュートリアル-php.cn

JQuery_jquery での $.Ready() の分析

WBOY

リリース： 2016-05-16 18:39:24

オリジナル

977 人が閲覧しました

$(document).Ready() メソッド VS OnLoad イベント VS $(window).load() メソッド
JQuery に触れるときに最初に学ぶのは、イベントをいつ開始するかということです。長い間、ページが読み込まれた後にトリガーされるイベントは、「Body」の Onload イベントに読み込まれていました。Body の Onload イベントや JQuery の Ready メソッドと比較すると、多くの欠点があります。例:

1. 複数の関数のロードに関する問題

のみをロードできます。 Onload イベントではこのように、醜いです... JQuery では、複数の JQuery.Ready() メソッドを使用でき、順番に実行されます

2. コードとコンテンツは分離されていません
言うまでもなく、これは気持ち悪いです-.-!!

3. 実行順序が異なります
Body.Onload イベントの場合、すべてのページコンテンツが読み込まれるまでトリガーされません。つまり、画像やフラッシュなどを含むすべてのコンテンツです。ページにこれらのコンテンツがたくさんある場合、

$(ドキュメント) に関しては、ユーザーは長時間待つことになります。 ready() メソッドと同様に、このメソッドはページのすべての DOM を追加するだけです。読み込みが完了した後にトリガーされます。これにより、間違いなく Web ページが大幅に高速化されます。

ただし、ズームインなどの一部の特殊なアプリケーションの場合は可能です。写真が切れたり、写真がトリミングされたりします。 Web ページのすべてのコンテンツが読み込まれた後に実行する必要がありますか? $(window).load() メソッドを使用することをお勧めします。このメソッドは、ページのすべてのコンテンツが読み込まれるまでトリガーされず、

コードをコピー

コードは次のとおりです。

ページのすべてのコンテンツが読み込まれた後に、上記のコードが順番に実行されます。対応する Unload メソッドを忘れないでください

コードをコピーします

コードは次のとおりです: $ (window).unload(function() { alert ("good bye"); });

ページが閉じられると、上記のコードがトリガーされます。 >
すべての DOM がロードされる前に JS コードをトリガーします
このメソッドは、デバッグ時に私のお気に入りです。開発時にもこのメソッドを使用することがあります。

コードをコピーします。

コードは次のとおりです。

 
 はい、埋め込みますもちろん、次のように、js コードを直接埋め込むこともできます。 >

コードをコピーします

コードは次のとおりです。

これはコンテンツです

これはコンテンツです

上記の 2 つの段落のコード、2 番目のコード部分は現在のコードより前の DOM のみを解釈できます。解析された DOM の数に test が存在しないため、2 番目のコードは正しく表示できません。