JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://github.com/jquery/sizzle/raw/master/sizzle.js"></script>
Input 1:<input type="text" Required="true" /> (required)<br />
Input 2:<input type="text" Required="true" style="display:none" /> (required)<br />
Input 3:<input type="text" /><br />
<button class="test">Count inputs (<code class="engine">jQuery</code>)</button>
<button class="test">Count inputs (<code class="engine">Sizzle</code>)</button>
<br /><br />

JavaScript

Sizzle.selectors.pseudos.visible = jQuery.expr.pseudos.visible;

$("button.test").click(function(){
    var engine = window[ $(".engine", this).text() ];
    var required = engine("input[Required='true']").length;
    var visible = engine("input:visible").length;
    var visibleRequired = engine("input[Required='true']:visible").length;
    alert("Required: " + required + "\r\nVisible: " + visible + "\r\nVisible & required: " + visibleRequired);
});