En este artículo, veremos cómo ejecutar el código después de hacer clic en un evento . Para ejecutar el código después de hacer clic en un evento, usamos el método click() . El método click() se usa para ejecutar el código cuando ocurre un evento de clic.
Sintaxis:
$(selector).click(function);
Parámetro: Acepta una «función» de parámetro opcional que se utiliza para ejecutarse cuando se produce un evento de clic.
Ejemplo:
HTML
<!DOCTYpe html>
<html>
<head>
<title>
How to run a code on
click event in jQuery?
</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<!-- jQuery code to show the working
of this method -->
<script>
$(document).ready(function () {
$("body").css("text-align", "center");
$("h1").css("color", "green");
$("p").click(function () {
$(this).css("font-size", "20px");
$(this).css("color", "green");
});
});
</script>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h3>
How to run a code on click event in jQuery?
</h3>
<p onclick="alert('paragraph was clicked')">
GeeksforGeeks: A computer science portal
</p>
</body>
</html>
Producción:
haga clic en evento