jqueryの実行が遅れるのはなぜですか?

jquery の実行が遅れる理由は、Web 開発の初期段階では、ブラウザの JavaScript エンジンがまだ比較的初歩的で、一部の複雑な JavaScript コードを適切に解析して実行できなかったためです。問題はさらに複雑になりますが、jQuery などのフレームワークの登場により、この問題は解決されます。同時に、ページ コンテンツをより適切に保護するために、ページが読み込まれるときにドキュメント内の DOM 要素のちらつきやその他のエラーがユーザーに表示されることは望ましくありません。

このチュートリアルのオペレーティング システム: Windows 10 システム、jQuery3.6.0 バージョン、Dell G3 コンピューター。

1. jQuery の実行が遅れるのはなぜですか?

Web 開発の初期の頃、ブラウザの JavaScript エンジンはまだ比較的粗雑で、一部の複雑な JavaScript コードを適切に解析して実行することができませんでした。 Web アプリケーションがますます複雑になるにつれて、この問題を解決するために jQuery などのフレームワークが登場しました。同時に、ページ コンテンツをより適切に保護するために、ページが読み込まれるときにドキュメント内の DOM 要素のちらつきやその他のエラーがユーザーに表示されることは望ましくありません。 DOM 操作やその他の操作は、`$(document).ready()` 関数を使用して実行できます。

2. 機能は何ですか?

`$(document).ready()` 関数を使用すると、DOM ツリーが構築された後にのみ jQuery コードが実行されるようにできます。言い換えれば、この関数は、ページの読み込み速度やイベントのトリガー時間の影響を受けることなく、jQuery コードの実行時間を保証するため、コードの安定性と信頼性が向上し、不要なエラーが回避されます。

3. どうやって行うのですか?

jQuery の遅延実行を実現するには、次の方法を使用できます:

1. jQuery コードを `$(document).ready()` 関数でラップします。例:

  ```javascript
  $(document).ready(function () {
      // jQuery code goes here
  });
  ```

2. あるいは、以下に示すように、短縮構文 `$()` を使用することもできます:

```javascript
  $(function () {
      // jQuery code goes here
  });
```

3. 別の方法は、`defer` 属性を使用することです。すべての JavaScript の実行時間を遅らせるには、「async」と同様に、必ず最初に HTML の解析を完了してください。ただし、順序など、いくつかの微妙な違いがあります。

```html
  <script src="jquery.js" defer></script>
  <script src="main.js" defer></script>
```

このように、ready 関数の使用は推奨されません

以上がjqueryの実行が遅れるのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。