JSFiddle - React, Tailwind, and code Playground

by Mottie

HTML

<a href="http://google.com" disabled="disabled">a</a>
<input type="text" disabled="disabled">
<button disabled="disabled">b</button>

JavaScript

// disabled="disabled" not working in any version;
// $('a')[0].disabled = undefined <- browser issue?
console.log([ 'a', $('a').is(':disabled'), $('a')[0].disabled ]);

$('a')[0].disabled = true;

// disabled set via javascript works in jQuery 1.2.6 & 1.3.2 only
console.log([ 'a', $('a').is(':disabled'), $('a')[0].disabled ]);

// these always work
console.log([ 'input', $('input').is(':disabled'), $('input')[0].disabled ]);
console.log([ 'button', $('button').is(':disabled'), $('button')[0].disabled ]);