JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <head><title>jQuery test</title></head>
    <body>
        <p>
            jQuery does not support selecting IDs containing pluses or other non-word, non hyphen characters. Those 'other' characters are <a href="http://www.w3.org/TR/html5/elements.html#the-id-attribute">legal in HTML 5</a> but not matched by quickExpr's ID part ([\w\-]*)).    
        </p>
        <p id="a+b">
            Paragraph with id 'a+b': selected by document.getElementById('a+b') and coloured red.
        </p>
        <p id="c+d">
            Paragraph with id 'c+d': not selected by jQuery('c+d'), not coloured red.
        </p>
    </body>
</html>

JavaScript

jQuery(document.querySelectorAll('#a\\+b')).css({'color':'red'});
jQuery('#c\\+d').css({'color':'red'});