preventDefault property for events in jquery

event.preventDefault. Prevents the default behavior of the selected element.

In the following example, clicking on the link will display other content at the bottom of the link, content attached by the append function. The preventDefault property allows displaying personal content for any selected element, forcing this element not to perform the function that was initially designated under html.

<a href="google.com" id="link">Link Google</a>
<!--Script jQuery-->
<script>
    $("a#link").click(function (event) {
      event.preventDefault();
      $(this).append('<br><b>We show new link content at the bottom</b>');
    });
</script>
<!--JQuery Library-->
<script src="https://code.jquery.com/jquery-3.6.3.min.js"></script>