target method for events in jQuery

The target method is applied to events "event.target", and returns the DOM element that was triggered by the event along with its possible properties.

In the following example, clicking on the button, on "p" or on "div" will return the name of the html element or the content inside it.

<div id="main">
  <button>CLICK</button>
  <p>Click in P</p>
  <div>Click in Div</div>
</div>
<!--Script jQuery-->
<script>
  $(document).ready(function () {
    $("#main button, #main p, #main div").click(function( event ) {
      alert(
        'Inside content: '+event.target.innerHTML+' | Node Name: '+event.target.nodeName);
    });
  });
</script>
<!--JQuery Library-->
<script src="https://code.jquery.com/jquery-3.6.3.min.js"></script>