JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">
    1. box
</div>

CSS

.box {
    border: 1px solid #000;
    margin: 10px;
}

JavaScript

var msg = '';
var t;

jQuery('.box').bind('click', function() {
    if(t) clearTimeout(t);
    msg += 'bind ';
    alertMsg();
});
jQuery('.box').on('click', function() {
    if(t) clearTimeout(t);
    msg += 'on ';
    alertMsg();
});
jQuery('.box').live('click', function() {
    if(t) clearTimeout(t);
    msg += 'live ';
    alertMsg();
});

function alertMsg() {
    t = setTimeout(function() {
        alert(msg);
        msg = '';
    }, 10);
}

var box = jQuery('.box');
box.clone().text('2. Просто клонированный блок clone()').appendTo('body');
box.clone(true).text('3. Блок клонированный с параметром true clone(true)').appendTo('body');

var newBox = jQuery('<div class="box">4. Динамически созданный блок</div>').appendTo('body')