JSFiddle - React, Tailwind, and code Playground

HTML

Click on the div and the span to test.
<div id="test" style="display: block; opacity: 0.89;" onclick="alert('Inline onclick')">Test div <span>Span inside div</span></div>
<br>
<button>Remove handlers from Test div</button>

CSS

#test
{
    
    background: #ccc;
}
span {
    border: thin black solid;
}

JavaScript

$("#test")[0].addEventListener("click", function() {
    alert("Non-jQuery div click");
});

$("#test").click(function() {
    alert("jQuery div click");
});

$("span").click(function() {
    alert("jQuery Span click");
});

$("span")[0].addEventListener("click", function() {
    alert("Non-jQuery span click");
});

$("button").click(function() {
  var $test = $("#test").removeAttr("onclick"),
      $contents = $test.contents().detach();
  $test.replaceWith($test.clone(false).append($contents));
});