Quelles sont les méthodes de surveillance de jquery ?

Il existe quatre méthodes de surveillance principales dans jquery : 1. La méthode ".on", qui peut surveiller un ou plusieurs événements, et peut également lier des événements à des éléments nouvellement ajoutés à l'avenir, mais l'ancienne version de jQuery ne la prend pas en charge ; 2. Méthode ".on". click", effectue principalement des opérations sur les événements de clic, ne prend pas en charge la délégation d'événements et ne peut être appliquée qu'aux éléments existants ; 3. Méthode ".bind", l'ancienne version de jQuery fournit une méthode pour liaison d'événements à des éléments et autres L'utilisation de méthodes jQuery peut simplifier le code et ne prend pas en charge la délégation d'événements.

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

Les principales méthodes utilisées par jQuery pour écouter les événements sont `.on()`, `.click()` et `.bind()`

1, `.on()`

`. on() ` est une nouvelle méthode introduite dans jQuery 1.7, qui peut être utilisée pour remplacer la méthode précédente. Cette méthode peut écouter un ou plusieurs événements, et peut également lier des événements à des éléments nouvellement ajoutés ultérieurement.

Avantages

• Il est facile d'ajouter et de supprimer des événements ;

• peut lier plusieurs événements en même temps, contrairement à .click() qui ne peut écouter que les événements de clic. Par exemple : `$(selector).on({mouseenter: function(){}, mouseleave: function(){}})`

• Vous pouvez ajouter un espace de noms

Inconvénients

• Ancien ; version de jQuery Non prise en charge ;

• Peut nécessiter une désintégration des cales dans les anciens navigateurs.

Exemple :

```
$('selector').on('click', function() {
  // code
});
```

2, `.click()`

`.click()` effectue principalement des opérations d'événement de clic.

Avantages

• Facile à utiliser ; Lorsque vous n’avez besoin que d’écouter les événements de clic, le code sera concis et facile à comprendre.

Inconvénients

• Ne prend pas en charge la délégation d'événements et ne peut être appliquée qu'aux éléments existants

• Cliquez uniquement sur l'événement, cette méthode ne peut pas être liée à d'autres événements ;

Exemple :

```
$('selector').click(function() {
  // code
});
```

3, `.bind()`

`.bind()` est une méthode fournie par l'ancienne version de jQuery pour lier des événements à des éléments.

Avantages

• Lorsqu'il est utilisé conjointement avec d'autres méthodes jQuery, le code peut être simplifié

• peut lier plusieurs événements.

Inconvénients

Ne prend pas en charge la délégation d'événements ; Utilisé uniquement pour les éléments existants.

Exemple :

```
$('selector').bind('click', function() {
  // code
});
```

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!