JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.min.js"></script>
<div>
  <p>
    <button class="clicky">
    Click this
    </button>
  </p>
</div>

JavaScript

$(document).ready(function () {

	$('button').on('click', function (e) {
    e.stopPropagation();
    console.log('button clicked');
  });

  $('p').on('click', function () {
		$('body').css('background-color', 'pink')
  });

  $('div').on('click', function () {
  	console.log('div clicked');
  });

  $('body').on('click', function () {
  	console.log('body clicked');
  });


});