JSFiddle - React, Tailwind, and code Playground

HTML

<!-- load a jQuery that keeps Sizzle's attr -->
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="https://github.com/jquery/sizzle/raw/2ffeccbb282dad665965d7e03b60e090ddc818c2/sizzle.js"></script>
<script>
    var sizzleAttr = jQuery;
    sizzleAttr.find.attr = Sizzle.attr;
</script>

<!-- load a vanilla jQuery -->
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script>var jqAttr = jQuery;</script>

<!-- ...and without qSA for our own good -->
<script>
    var qSA = document.querySelectorAll;
    document.querySelectorAll = null;
</script>
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="https://github.com/jquery/sizzle/raw/2ffeccbb282dad665965d7e03b60e090ddc818c2/sizzle.js"></script>
<script>
    var sizzleAttrNoQsa = jQuery;
    sizzleAttrNoQsa.find.attr = Sizzle.attr;
</script>

<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script>var jqAttrNoQsa = jQuery;</script>

<!-- ...but restore before moving on -->
<script>document.querySelectorAll = qSA;</script>

<!-- selects -->
<select><option value='1' selected>1</option></select>
<select><option value='1' selected>1</option></select>

<!-- results -->
<table id="log">
    <thead>
        <tr>
            <th rowspan="2">Code</th>
            <th colspan="2"><span class="qsa">no </span>qSA</th>
            <th colspan="2">no qSA</th>
        <tr>
            <th>Sizzle</th>
            <th>jQuery</th>
            <th>Sizzle</th>
            <th>jQuery</th>
        </tr>
    </thead>
    <tbody>
        <tr><td>$("select").is("[value=1]")</td></tr>
        <tr><td>$("select").eq(0).is("[value=1]")</td></tr>
        <tr><td>$("select").filter("[value=1]").length</td></tr>
        <tr><td>$("select").eq(0).filter("[value=1]").length</td></tr>
    </tbody>
</table>

CSS

html { font: small sans-serif; }
tbody td:first-child { font-family: monospace; }

JavaScript

$(function () {
    var engines = "sizzleAttr jqAttr sizzleAttrNoQsa jqAttrNoQsa".split(" ");
    
    if ( qSA ) {
        $(".qsa").hide();
    }
    
    $("#log tbody td").each(function() {
        var code = $( this ).text();
        $( this ).after(
            jQuery.map( engines, function( engine ) {
                return "<td>" + eval( code.replace( "$", engine ) ) + "</td>";
            })
        );
    });
}());