Les gestionnaires d’événements
La librairie jQuery met à disposition des développeurs des gestionnaires d’événements assez similaires à ceux du JavaScript traditionnel. Ainsi au onmouseover de JavaScript correspond mouseover en jQuery. Le préfixe "on" a simplement disparu.
1. Au clic de la souris
click() click
Associe une fonction à l’événement clic des éléments de la sélection.
$("p").click();
Exemple
Au clic sur un paragraphe, celui-ci est masqué avec un effet.
Affichage initial :
Le troisième paragraphe est masqué :
Le document HTML :
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>jQuery</title>
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
$("p").click(function () {
$(this).slideUp();
});
});
</script>
<style>
p {
cursor: pointer;
}
</style>
</head>
<body>
<p>Paragraphe</p>
<p>Paragraphe</p>
<p>Paragraphe</p> ...
Conditions générales d'utilisationCopyright - © Editions ENI ||Politique de protection des données du groupe ENI