En este artículo, aprenderemos cómo crear un mensaje de alerta en jQuery cuando se hace clic en un botón. Para ello, utilizaremos el método jQuery click() .
Enlace CDN de jQuery: hemos vinculado el jQuery en nuestro archivo mediante el enlace CDN.
<script src=”https://code.jquery.com/jquery-3.6.0.min.js” integridad=”sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=” crossorigin=”anónimo”;>
</script>
Ejemplo: Cree un nuevo archivo HTML y agréguele el siguiente código. En este método, configuramos una alerta y la vinculamos a un botón para que cuando se haga clic en ese botón, aparezca el mensaje de alerta.
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<script src=
"https://code.jquery.com/jquery-3.6.0.min.js"
integrity=
"sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
crossorigin="anonymous">
</script>
</head>
<body>
<button id="btn">Click me!</button>
<script>
$(document).ready(function () {
$("#btn").click(function () {
alert("This is an alert message!");
});
});
</script>
</body>
</html>
Producción:
Mensaje de alerta usando el método de clic