JQuery_jquery での $.Ready() の分析

$(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() メソッドを使用することをお勧めします。このメソッドは、ページのすべてのコンテンツが読み込まれるまでトリガーされず、



コードをコピー