Ajouter un écouteur d'événement

On peut ajouter un écouteur d'événement en utilisant on():
 $("#bouton-sauvegarde").on("click", function() {
    // traite l'événement de clic 
 });
S'il vous faut accéder aux détails liés à l'événement, on peut les trouver dans l'objet jQuery event (événement) qui est passé à la fonction de retour :
$("#visage").on("click", function(event) {
    var mouseX = event.pageX;
    var mouseY = event.pageY;
});

Déclencher des événements

On peut déclencher manuellement un événement sur un objet à partir du JavaScript en utilisant la méthode 'trigger' :
$("#bouton-sauvegarde").trigger("click");
Cela peut être utile quand on teste une nouvelle fonctionnalité, quand on souhaite qu'un code s'exécute, quand la page se charge ou à la suite d'un événement en particulier.

Vérifier l'état de disponibilité du DOM

Si vous voulez vous assurer que le navigateur n'exécute pas votre code JS avant que le DOM n'ait été complètement chargé et prêt, alors vous pouvez passer votre code à ready() :
$(document).ready(function() {
    $("h1").text("Êtes vous prêt pour ça ?");
});
Une version simplifiée consiste à passer votre code dans la fonction jQuery :
$(function() {
    $("h1").text("Êtes vous prêt pour ça ?");
});
Ce code n'est pas aussi lisible que la version longue, cependant. Nous vous recommandons donc d'utiliser la fonction ready().
Remarquez que si vous incluez votre JS dans une balise <script> à la fin de la page, alors votre DOM devrait être tout à fait prêt quand le navigateur exécutera votre JS. Cependant, si vous souhaitez être complètement certain, vous pouvez choisir de toujours vérifier l'état de disponibilité du DOM.

Des techniques d'événement supplémentaires

Pour un résumé plus exhaustif et plus fouillé des événements jQuery, lisez les fondamentaux sur les événements jQuery dans leur documentation