JSFiddle - React, Tailwind, and code Playground

HTML

Invalid selectors accepted
<ul id="log"></ul>

JavaScript

var selector, accepted;

jQuery.each(
    [
        "[attr=]",
        "[attr='v:s]",
        "[attr='v:'s]",
        "[attr='v:'s']",
        "[attr='v:'s'']"
    ],
    function( i, selector ) {
        var noerror = [];
        
        try {
            document.querySelectorAll( selector );
            noerror.push("qSA");
        } catch( x ) {}
        
        try {
            $( selector );
            noerror.push("Sizzle");
        } catch( x ) {}
        
        if ( noerror.length ) {
            $("#log").append( "<li><code>" + selector +
                    "</code> (" + noerror + ")</li>" );
        }
    }
);
/*
try {
    selector = ;
    $( selector );
    accepted = selector;
    selector = "element[]";
    $( selector );
    accepted = selector;
} catch(x) {}

if ( accepted ) {
    $("body").html(
        "Invalid selector accepted: <code>" + accepted + "</code>"
    );
}*/