JSFiddle - React, Tailwind, and code Playground
by ajpiano
HTML
<input class="foo" name="steve" data-foo data-bar="bar" required/>
<input id="arf" class="foo" name="steve" data-foo data-bar="bar" required/>JavaScript
console.log($('input').length)
console.log($('input').is('.foo'));
console.log($('#arf').is('.foo'));
console.log($('input').is('[name]'));
console.log($('#arf').is('[name]'));
console.log($('input').is('[required]'));
console.log($('#arf').is('[required]'));
console.log($('input').is('[data-foo]')); // the only one that breaks!!!!!!!!
console.log($('#arf').is('[data-foo]'));
console.log($('input').is('[data-bar]'));
console.log($('#arf').is('[data-bar]'));