El método preventDefault() en jQuery se usa para detener la acción predeterminada del elemento seleccionado. También se utiliza para comprobar si se llama al método preventDefault() para el elemento seleccionado o no.
Sintaxis:
event.preventDefault()
Parámetro: No acepta ningún parámetro.
Valor devuelto: Devuelve el elemento seleccionado con el cambio aplicado.
Ejemplo 1: este ejemplo utiliza el método preventDefault() para detenerse y abrir el nuevo enlace.
<!DOCTYPE html>
<html>
<head>
<title>
jQuery event.preventDefault() Method
</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<style>
body {
width: 50%;
height: 40%;
padding: 20px;
border: 2px solid green;
font-size: 20px;
}
</style>
<!-- Script to use event.preventDefault() method -->
<script>
$(document).ready(function() {
$("a").click(function(event) {
event.preventDefault();
alert("The required page will not be open");
});
});
</script>
</head>
<body>
<a href="https://www.geeksforgeeks.org">
Welcome to GeeksforGeeks!
</a>
</body>
</html>
Salida:
Antes de hacer clic en el enlace: 
Después de hacer clic en el enlace:
Ejemplo 2: este ejemplo utiliza el método event.preventDefault() para dejar de enviar el formulario.
<!DOCTYPE html>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<style>
body {
width: 50%;
height: 40%;
padding: 20px;
border: 2px solid green;
font-size: 20px;
}
input {
width: 220px;
height: 30px;
border-radius: 10px;
}
</style>
<!-- Script to use event.preventDefault() method -->
<script>
$(document).ready(function() {
$("button").click(function(event) {
event.preventDefault();
alert("This form will not submit");
});
});
</script>
</head>
<body>
<input type="text" placeholder="enter name" />
<br><br>
<button>Submit </button>
</body>
</html>
Salida:
Antes Haga clic en el botón: 
Después Haga clic en el botón: