Pourquoi jquery retarde-t-il l'exécution ?

La raison du retard d'exécution de jquery est qu'au début du développement Web, le moteur JavaScript du navigateur était encore relativement rudimentaire et ne pouvait pas analyser et exécuter correctement certains codes JavaScript complexes. À mesure que les applications Web devenaient de plus en plus complexes, jQuery est apparu. du cadre résout ce problème. Dans le même temps, afin de mieux protéger le contenu de la page, vous ne souhaitez pas que les utilisateurs voient le scintillement des éléments DOM ou d'autres erreurs dans le document lors du chargement de la page.

Le système d'exploitation de ce tutoriel : système Windows 10, jQuery version 3.6.0, ordinateur Dell G3.

1. Pourquoi jQuery retarde-t-il l'exécution ?

Au début du développement Web, le moteur JavaScript du navigateur était encore relativement rudimentaire et ne pouvait pas analyser et exécuter correctement certains codes JavaScript complexes. À mesure que les applications Web deviennent de plus en plus complexes, des frameworks tels que jQuery sont apparus pour résoudre ce problème. Dans le même temps, afin de mieux protéger le contenu de la page, les utilisateurs ne souhaitent pas voir le scintillement des éléments DOM ou d'autres erreurs dans le document lors du chargement de la page. La manipulation du DOM et d'autres opérations peuvent être effectuées à l'aide de la fonction `$(document).ready()`.

2. Quelle est la fonction ?

L'utilisation de la fonction `$(document).ready()` peut garantir que le code jQuery ne sera exécuté qu'après la construction de l'arborescence DOM. En d'autres termes, cette fonction garantit le temps d'exécution du code jQuery sans être affecté par la vitesse de chargement des pages et le temps de déclenchement des événements, rendant ainsi le code plus stable et fiable et évitant certaines erreurs inutiles.

3. Comment faire ?

Afin d'obtenir une exécution retardée de jQuery, vous pouvez utiliser les méthodes suivantes :

1. Enveloppez le code jQuery dans la fonction `$(document).ready()`, par exemple :

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

2. , vous pouvez utiliser la syntaxe abrégée `$()`, comme indiqué ci-dessous :

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

3. Une autre façon consiste à utiliser l'attribut `defer` pour retarder le temps d'exécution de tout JavaScript, garantissant ainsi que l'analyse du code HTML est terminée. d'abord, similaire à « async ». Mais ils présentent quelques différences subtiles, comme l'ordre :

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

De cette façon, il n'est pas recommandé d'utiliser la fonction ready

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!