JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css">
<button id="button-1" class="btn">Button 1</button><br>
<button id="button-2" class="btn">Button 2</button><br>
<br>
<input id="input-1" class="btn" type="button" value="Input 1"><br>
<input id="input-2" class="btn" type="button" value="Input 2"><br>
<br>
<a id="anchor-1" class="btn">Anchor 1</a><br>
<a id="anchor-2" class="btn">Anchor 2</a><br>
<a id="anchor-3" class="btn">Anchor 3</a><br>

JavaScript

$('#button-1').addClass('disabled'); // Disables visually
$('#button-2').prop('disabled', true); // Disables visually and functionally

$('#input-1').addClass('disabled'); // Disables visually
$('#input-2').prop('disabled', true); // Disables visually and functionally

$('#anchor-1').addClass('disabled'); // Disables visually
$('#anchor-2').prop('disabled', true); // Does nothing
$('#anchor-3').attr('disabled', 'disabled'); // Disables visually

$('a, button, input[type=button]').click(function(e){
    alert('hey');
});