JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Click Me</h1>

<div id="output">
    
</div>

<a id="unbind" href="#">Unbind</a>

JavaScript

$('h1').bind('click.mywidget', clickHandler);
$('h1').bind('mouseenter.mywidget', enterHandler);

function clickHandler()
{
    $('#output').append('<p>Click Handler</p>');
}

function enterHandler()
{
    $('#output').append('<p>Enter Handler</p>');
}

$('#unbind').click(function () {
    $('h1').unbind('.mywidget');
});