event stopPropagation jQuery

Event stopPropagation stops the propagation of an event to higher elements.

<div id="Main">
  Main div
  <div id="Second">
    Second Div
    <div id="Third">
      Third Div
    </div>
  </div>
</div>

<!--Script jQuery-->
<script>
        $(document).ready(function () {
            $("#Main").click(function () {
                alert("Main div");
            });
            $("#Second").click(function (event) {
              	alert("Second div");
            });
            $("#Third").click(function (event) {
                event.stopPropagation();
                alert("Third div");
            });
        });
</script>
<!--JQuery Library-->
<script src="https://code.jquery.com/jquery-3.6.3.min.js"></script>