JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
<a class="lnk" href="#foo">#foo</a>
<a class="lnk" href="#bar">#bar</a>
</div>
<div id="log"></div>

JavaScript

// bind
$('a[href*=#]').bind('click', function() {
    $('#log').append('<div>"a[href*=#]" bind click</div>');
});
$('a.lnk').bind('click', function() {
    $('#log').append('<div>"a.lnk" bind click</div>');
});

//live
$('a[href*=#]').live('click', function() {
    $('#log').append('<div>"a[href*=#]" live click</div>');
});
$('a.lnk').live('click', function() {
    $('#log').append('<div>"a.lnk" live click</div>');
});

//delegate
$('div.wrapper').delegate('a[href*=#]', 'click', function() {
    $('#log').append('<div>"a[href*=#]" delegate click</div>');
});
$('div.wrapper').delegate('a.lnk', 'click', function() {
    $('#log').append('<div>"a.lnk" delegate click</div>');
});