# jQuery.click() : comptabiliser les évènements de clic sur différents éléments

Ne prenez plus la peine d’écrire des gestionnaires d’évènements complexes : liez facilement des fonctionnalités à des **évènements de clic** sur vos éléments HTML en utilisant la méthode jQuery.click(). Vous obtiendrez alors un texte source plus compact et plus clair.

## Méthode jQuery.click() : de quoi s’agit-il ?

En appliquant la méthode jQuery.click() à un élément HTML spécifique et en lui transmettant une fonction en tant qu’argument, celle-ci sera appelée pas un clic sur l’élément correspondant. Il est donc possible d’utiliser la fonction dans ce contexte, afin de réaliser les actions souhaitées, parmi lesquelles :

- **la modification des propriétés de l’élément** par la méthode [jQuery.addClass()](https://www.ionos.fr/digitalguide/sites-internet/developpement-web/jquery-addclass/) ;
- **le déclenchement d’autres évènements** ;
- **le chargement de contenu** à l’aide de méthodes [jQuery.ajax()](https://www.ionos.fr/digitalguide/sites-internet/developpement-web/jquery-ajax/).

La méthode jQuery.click() peut aussi être combinée de manière efficace avec des fonctions en boucle comme [jQuery.each()](https://www.ionos.fr/digitalguide/sites-internet/developpement-web/jquery-each/).

Conseil Vous avez pour projet de créer un site Web ? La solution d’[hébergement Web](https://www.ionos.fr/hebergement/hebergement-web "Hébergement Web, domaine inclus avec IONOS") parfaite vous attend chez IONOS. Pour des prix abordables, l’infrastructure de serveurs proposée par IONOS permet des temps de chargement plus rapide et une fluidité d’utilisation pour vos sites Web, ce qui a autant son importance pour les utilisateurs que pour les moteurs de recherche.

## À quoi ressemble la syntaxe de la méthode jQuery.click() ?

La syntaxe de la méthode jQuery.click() se présente comme suit :

```jQuery
$(selector).click(function);
```

Dans ce contexte, `function` correspond à un paramètre facultatif, qui s’exécute à chaque évènement de clic.

Vous voulez dépoussiérer vos **notions de base sur jQuery** ? Pour ce faire, consultez notre [tutoriel jQuery](https://www.ionos.fr/digitalguide/sites-internet/developpement-web/tutoriel-jquery-integration-et-premiers-pas/). Celui-ci contient toutes les informations dont vous avez besoin sur la syntaxe et les sélecteurs.

Conseil Grâce à l’[API IONOS](https://developer.hosting.ionos.fr "API du développeur IONOS"), profitez de la flexibilité dont vous avez besoin pour intégrer facilement les services IONOS à vos propres applications et automatiser les accès aux ressources comme aux données. Si vous avez une question ou que vous rencontrez un problème, notre service d’assistance compétent se tient à votre disposition.

## Quelle est la différence entre les méthodes jQuery.click() et .onClick ?

La différence entre les méthodes jQuery.click et jQuery.onClick se traduit avant tout par le fait que jQuery.click() correspond à une méthode de la bibliothèque jQuery, tandis que jQuery.onClick prend la forme d’un **gestionnaire d’évènements** et fait partie de l’API DOM native de JavaScript. Celle-ci s’utilise directement sur l’élément DOM, et il est nécessaire d’indiquer la fonction qui sera appelée lors d’un évènement. La syntaxe correspondante prend la forme `element.onClick = handler`, dans laquelle `element` correspond à l’élément DOM et `handler` à la fonction exécutée à chaque évènement de clic.

Les deux méthodes sont également différentes dans le sens où la fonction jQuery.click() offre des avantages qui surpassent ceux de la fonction jQuery.onClick native. Ces avantages comprennent notamment la simplification de l’écriture du code, une **meilleure compatibilité avec le navigateur** et la possibilité de réagir à des éléments ajoutés de manière dynamique.

## Exemple d’application de la méthode jQuery.click()

L’évènement de clic `jQuery.click() button` ci-dessous fait apparaître une fenêtre contextuelle affichant le message « Un clic a été effectué sur le bouton » lorsque cela se produit effectivement sur l’élément.

```jQuery
$("button").click(function(){
    alert("Un clic a été effectué sur le bouton.");
});
```

Conseil [Deploy Now](https://www.ionos.fr/hebergement/deploy-now "Deploy Now » Déployez vos projets via GitHub avec IONOS") est la solution IONOS pratique qu’il vous faut si vous cherchez à déployer rapidement et facilement des applications sur des plateformes Cloud sans vous préoccuper de la complexité des processus de configuration. Deploy Now peut vous permettre de déployer automatiquement votre site Web en passant directement par un référentiel de code, par exemple GitHub.


This is a markdown version of: [https://www.ionos.fr/digitalguide/sites-internet/developpement-web/jquery-click/](https://www.ionos.fr/digitalguide/sites-internet/developpement-web/jquery-click/) for AI/LLM consumption.