click |
jQuery |
---|---|
JavaScript | Version 1.0+ |
Syntaxe
.click(); | Version 1.0+ |
.click(handler(eventObject)); | Version 1.0+ |
.click([eventData], handler(eventObject)); | Version 1.4.3+ |
Paramètres
Nom | Description |
---|---|
handler(eventObject) | Ce paramètre permet d'indiquer une fonction à exécuter à chaque fois que l'événement se déclenche. |
elements | Ce paramètre permet d'indiquer un objet contenant les données allant être passer avec la fonction d'événement. |
Description
Cette méthode permet de relier l'événement du gestionnaire d'un événement «Click» du JavaScript ou d'un déclencheur d'événement dans un élément.
Exemple
Voici un exemple montrant comment changer la couleur du paragraphe (à l'origine blanc sur fond blanc) où il est écrit «Bonjour» :
- <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
- <input type="radio" name="method" value="auto"> Automatic
- <input type="radio" name="method" value="manual" checked="checked"> Manual
- <br /><br />
- <div id="AutomaticZone">
- Zone Manuel ...
- </div>
- <script type="text/javascript">
- $("input[name='method']").click(function(){
- if(this.value == "auto") $("#AutomaticZone").hide();
- else $("#AutomaticZone").show();
- });
- </script>
on obtiendra le résultat suivant :
Automatic Manual
Zone Manuel ...
Dernière mise à jour : Jeudi, le 28 janvier 2016